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

Question

我正在尝试使用 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);

但这不起作用，特别是复选框没有正确提交。我怎样才能让它发挥作用？

Answer 1

不必遍历每个字段来获取表单值。 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 格式发送数据，因此如果您打算发送带有国际字符的文本，请确保您在后端期望这样做。