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

Question

I have html form with dynamical number of fields, for example:

<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>

and jQuery which is:

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

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

  });

I don't know the exact number of fields, so I can't fill XXXX - post variable name, and YYYY - field data from web page.... so I can't count/write one by one...

How can I submit whole form, through post variables, using AJAX and click button?

Answer 1

Sounds like you're looking for the .serialize() method:

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

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