이 코드에서 Ajax를 사용하는 방법은 무엇입니까?

Question

</tr> 

<tr> 
<td><input type="radio" name="ans" id='ans_2' value="2" /> <? echo " "; echo $ans2 = $ques['ans_2'];?></td> 
</tr> 
<tr></tr> 
<tr> 
<td><input type="radio" name="ans" id='ans_3' value="3" /> <? echo " "; echo $ans3 = $ques['ans_3'];?></td> 
</tr> 
<tr></tr> 
<tr> 
<td><input type="radio" name="ans" id='ans_4' value="4" /> <? echo " "; echo $ans4 = $ques['ans_4'];?></td> 
</tr> 

안녕하세요 온라인 MSQ의 웹 사이트를 만드는 오전과 내가이 코드 에 여러분의 도움이 필요합니다 모두 때이 작업을 수행 할 수있는 방법을 주어진 대답은 DB에 저장할 라디오 버튼을 사용자가 클릭?

Answer 1

먼저 jQuery와 같은 JS 프레임 워크를 사용하는 것이 좋습니다. jQuery에서이 작업을 수행하는 방법은 다음과 같습니다.

$('input.radio').click(function() { 
    $.ajax({ 
     url: 'script.php?answer=' + $(this).attr('value'), 
     success: function(data) { 
      // this is the server response 
     } 
    }); 
}); 

물론 script.php 파일은 DB 연결과 기타 모든 작업을 관리해야합니다. 추가 매개 변수를 추가해야 할 수도 있지만이 방법과 비슷한 경우 사용할 수있는 일반적인 솔루션입니다.

편집 나는 페이지에있는 모든 라디오 버튼으로 선택 'input.radio'당신은 라디오 버튼에 특정 클래스를 추가하지 않았기 때문에, 물론이 적용 것이다 클릭 기능을 사용했다. 올바른 버튼에만 영향을주기 위해 더 구체적인 선택기 (예 : 클래스 선택기)를 추가해야 할 수도 있습니다.

Answer 2

$('input.radio[name='ans']).click(function() { 
$.ajax({ 
    url: 'script.php?answer=' + this.value, 
    success: function(data) { 
     // this is the server response 
    } 
}); 

}};

위와 거의 같습니다. 당신이 이름으로 입력이 그룹을 spercify 수 제외 :

$('input.radio[name='ans']).click // binds the ajax function to the click event 

그리고 당신은 단지 대신 this.value를 사용할 수 있습니다

$(this).attr('value') 

나는 jQuery를도