如何通过ajax xmlhttprequest从我的单选按钮发布所有选中的值

时间:2017-08-04 01:01:32

标签: javascript html ajax

场景:我有4个输入表格[A-D],然后我检查了A和B.

我希望从其他页面获取它,但我不知道如何...我正在尝试搜索其他人发帖学习但是有很多关于ajax的教程是关于发布选择和输入标签

你能给我一个关于单选按钮的例子吗? 当我要检查我想要的值并单击按钮提交它时 将ajax xmlhttpequest发送到其他脚本。

提前谢谢老兄:) enter image description here

我使用jQuery发布我选择的选项标签的值 然后它会回调div来显示一个带有单选按钮列表的表

我已经尝试通过使用jQuery将已检查数据的所有值推送到一组数组的字符串来获取数据,并且它已成功:)

但它没有响应用户提交的其他页面(管理员)。 这就是为什么我需要刷新它来加载并查看用户提交的数据的原因。 (不同的用户/会话)。

我想知道我是否可以使用xml httprequest与用户管理员进行实时交互。

这就是为什么我希望有人能给我一个例子如何获取单选按钮的值我已经检查过将其发布到其他脚本并插入数据库。

enter image description here

先生。

1 个答案:

答案 0 :(得分:0)

在初始页面中,您可以使用:

$.ajax('/WHERE_DATA_IS_SENT', {
    data: $('input[name=name_of_your_radiobutton]:checked').val(),
    success: function (data) {
         // Do something... maybe redirect the user to the other page?
    },
    error: function () {
        alert('Data could not be sent to the server');
    },
    type: 'POST'
});

然后在另一页中,您可以再次使用jQuery ajax从服务器获取数据:

$.ajax('/WHERE_YOU_GET_THE_DATA', {
    success: function (data) {
        $('ELEMENT_WHERE_DATA_GOES').html(data)
    },
    error: function () {
        alert('Data could not be received from the server');
    },
    type: 'GET'
});