带有jQuery的AJAX单选按钮

我需要以下单选按钮帮助提交RSVP：

Attending: <input type="radio" />
Maybe Attending: <input type="radio" />
Not Attending: <input type="radio" />

使用jQuery：

function rsvpEvent(rsvp, id)
{   
    $.ajax({
       type: "GET",
       url: "http://localhost:8888/update/test.php",
       data: "rsvp=" + rsvp + "id=" + id,
       success: function()
       {
         alert('rsvp: ' + rsvp + ' id: ' + id);
       },
       error: function()
       {
         alert('rsvp: ' + rsvp + ' id: ' + id);
       }
     });
}

---

那根本不起作用。。。问题是什么？

首先，我认为它应该是一个post事件，而不是get，当代码隐藏方法需要两个参数时，您发送的数据是一个字符串

       function GetDate() {
            $.ajax({
                type: "POST",
                url: "default.aspx/GetDate",
                data: "{myParam:'" + document.getElementById("txtParam").value + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(msg) {
                    $.each(msg, function(i, item) {
                        $("#dialog").fadeOut("fast", function() {
                            $("#dialog").html(item);
                            $("#dialog").fadeIn(300);
                        });

                    });
                }
            });
        }

---

有几件事我要改变

• 我会让它成为一个实际的表单，而不仅仅是单选按钮，这样没有启用Javascript的人仍然可以参加你精彩的聚会
• 使所有单选按钮都具有相同的

  name='whatever'

  ，以便一次只能选择一个
• 如果您使用一个表单，您可以使用fromjquery来修复数据错误（目前您将发送rsvp=3id=1，我怀疑您的函数是否期望这样）

---

您的具体问题是URL的值，它应该只是：

url: "update/test.php",

由于安全限制，对第三方网站的Ajax请求通常是不可能的，因此您不能在url值上使用http://on

在数据中，不要忘记id之前的&

+ “&id=” + id

---

我知道我的示例是针对.Net的，但其余的都是相关的

，因此没有启用Javascript的人仍然可以参加您精彩的聚会。

-有史以来最好的报价；）

+ “&id=” + id