javascript – 如何使用Jquery的AJAX提交复杂的表单？

我正在尝试使用 Jquery的ajax提交表单.它有一些文本框,一些复选框和一个多选项的下拉列表(即可以选择多个选项).

这里有人告诉我,我可以使用所有选中的复选框的值

$("input:checkBox[name=type]:checked")

然后我可以遍历上面代码返回的所有值,将它们分配给这样的数组：

var types=new Array();

    $.each(cBoxes,function()
      {
         types[types.length]=$(this).val();
      }
    );

并尝试使用以下方式提交表单：

var someField=$("#someField").val();
var someField2=$("#someField2").val();
var data={field1 : someField,field2=someField2,s_types:types};
$.post("signup.PHP?type=p",types);

但这不起作用,特别是复选框无法正确提交.我怎样才能使它工作？

@R_404_5620@

没有必要迭代每个字段来获取表单值. jQuery有一个方法将表单输入序列化为查询字符串.你可以这样做：

$.ajax({
  url: "mybackend.PHP",data: $("#myForm").serialize(),success: function(e) { // do something on success },error: function(e) { // do something on error }
});

请记住,javascript帖子总是以UTF-8格式发送数据,因此如果您计划发送带有国际字符的文本,请确保在后端期望这样做.