doudong2149
2014-01-02 22:34 阅读 55

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

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?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • 已采纳
    du6029076877 du6029076877 2014-01-02 22:38

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

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

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

    点赞 评论 复制链接分享
  • drnx3715 drnx3715 2014-01-02 22:40
    //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
        });
    
    点赞 评论 复制链接分享

相关推荐