首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在此代码中使用Ajax?

如何在此代码中使用Ajax?
EN

Stack Overflow用户
提问于 2011-01-21 23:20:14
回答 2查看 65关注 0票数 0
代码语言:javascript
运行
复制
</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的网站,我需要你在这段代码的帮助,当用户点击单选按钮时,给定的答案将存储在数据库中,我该怎么做?

EN

回答 2

Stack Overflow用户

发布于 2011-01-21 23:26:35

首先,我强烈建议你使用像jQuery这样的JS框架来做这件事。以下是在jQuery中实现此操作的方法:

代码语言:javascript
运行
复制
$('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‘选择器,因为您没有向单选按钮添加任何特定的类,当然这会将单击函数应用于页面上的每个单选按钮。您可能需要添加更具体的选择器(如类选择器)以仅影响正确的按钮

票数 1
EN

Stack Overflow用户

发布于 2011-01-22 00:24:44

代码语言:javascript
运行
复制
$('input.radio[name='ans']).click(function() {
$.ajax({
    url: 'script.php?answer=' + this.value,
    success: function(data) {
        // this is the server response
    }
});

});

和上面的差不多。除非您可以按名称指定这组输入:

代码语言:javascript
运行
复制
$('input.radio[name='ans']).click // binds the ajax function to the click event

您可以只使用this.value而不是:

代码语言:javascript
运行
复制
$(this).attr('value')

我也推荐使用jQuery

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4760434

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档