Question

我有动态字段数的html表单，例如：

<form id="myform">
<input type="text" id="input1">
<input type="text" id="input2">
<input type="text" id="input3">
...
<input type="text" id="inputN">
<span id="button_click"> CLICK </span>
</form>

和jQuery是：

  $("#button_click").click(function(){

    $.post("myfile.php",
    {
      XXXX:YYYY
    },
    function(data,status){
      // do anyting
    });

  });

我不知道确切的字段数，所以我无法填写XXXX - 发布变量名和YYYY - 来自网页的字段数据....所以我不能一个一个地计算/写。 ..

如何通过post变量，使用AJAX和点击按钮提交整个表单？

Answer 1

听起来你正在寻找.serialize()方法：

$.post("myfile.php",
$("#myform").serialize(),
function(data,status){
    // do anyting
});

http://api.jquery.com/serialize/

Answer 2

//rough code for general puporse of storing values for post
var obj = $("#myform"),
data = {};//to hold the values
obj.find('[name]').each(function(index, value) {
    name = obj.attr('name'),
    value = obj.val();
    data[name] = value;
});
$.post("myfile.php",
    data: data,
    function(data,status){
      // do anyting
    });

jQuery使用ajax发送post变量并提交表单

2 个答案: