jquery - 创建 AJAX 数据字符串

Question

我正在通过 AJAX 向 PHP 脚本提交表单，该脚本会向我发送包含表单详细信息的电子邮件。该表格非常简单，除了我有一组复选框来表示填写表格的人想要的项目类型。我知道如何用简单的形式组装数据字符串，但我很难找出添加名称等于 projecttype[] 的复选框的最佳方法。从理论上讲，我想我想要类似的东西：

website=example.com&projecttype=1,2,4,6&budget=$500-$1000. 

您可以在这个 jfiddle 中找到表单和 Javascript：http: //jsfiddle.net/H5MF8/

Answer 1

jQuery 有一个专门用于此目的的功能：.serialize(). 它获取表单中的每个元素并创建一个查询字符串。下面的代码片段应该足够了。

$("#submit").click(function() {
  $.ajax({
    type: "POST",
    url: "/bin/send_form_email.php",
    data: $('#contactform').serialize(),
    cache: false,
    success: function() {
    //    ...
    },
    return false;
  });   
});