如何在这段代码中使用Ajax?

时间:2011-01-21 15:20:14

标签: ajax using

      

</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中我该怎么做?

2 个答案:

答案 0 :(得分: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文件应该管理数据库连接和其他所有内容。您可能需要添加额外的参数,但这是一个通用解决方案,您可以在类似于此的情况下使用。

修改

我使用了'input.radio'选择器,因为你没有在单选按钮上添加任何特定的类,当然这会将click功能应用到页面上的每个单选按钮。您可能需要添加更具体的选择器(如类选择器)以仅影响正确的按钮

答案 1 :(得分:0)

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

});

与上面几乎一样。除非您可以按名称对这组输入进行分类:

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

您可以使用this.value代替:

$(this).attr('value')

我建议也使用jQuery