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

时间:2014-01-02 22:34:27

标签: php jquery ajax forms submit

我有动态字段数的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和点击按钮提交整个表单?

2 个答案:

答案 0 :(得分:5)

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

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

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

答案 1 :(得分:1)

//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
    });