jquery - 收集 Ajax 提交表单数据的简单函数

Question

我正在尝试找到简单、优雅的方法来从 HTML 表单中获取所有相关的名称、值对，并为 ajax 调用准备这些数据，数据将保存在其中。我想出了这个:

$('#save').click(function(){
    var querystring = "";
    $('form#form_id :input').each(function(){
        querystring += $(this).attr('name') + "=" + $(this).val() + "&";
    });
    querystring = querystring.substr(0,querystring.length-1);
    alert(querystring);
});

然后我将使用这个 querystring 来更新 ajax 脚本。这有几个问题:

1. 所有单选按钮项都出现在查询字符串中，而不仅仅是选定的单选按钮项
2. 所有复选框均显示值为“on”

有人有一个简单的方法来做到这一点吗？

谢谢

Answer 1

jQuery 已经有一个方法了!试试这个:

var myData = $("form#form_id").serialize();
alert(myData);

此外，它还包括文本区域和选择框。

更多信息:http://api.jquery.com/serialize/