创建AJAX数据字符串

时间:2012-05-27 23:12:27

标签: jquery ajax forms

我通过AJAX将表单提交给PHP脚本,该脚本向表单详细信息发送电子邮件给我。表格非常简单,除了我有一组复选框,表示填写表格的人想要的项目类型。我知道如何使用简单的表单组装数据字符串,但是我很难找到添加名称等于projecttype []的复选框的最佳方法。从理论上讲,我认为我想要的是:

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

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

1 个答案:

答案 0 :(得分:1)

jQuery具有完全符合该目的的功能:.serialize()。它接受表单中的每个元素并创建一个查询字符串。下面的代码就足够了。

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