javascript自动表单迭代并通过ajax提交

时间:2014-02-05 01:10:59

标签: javascript jquery ajax

我的表单中包含可变数量的输入字段,因此字段不固定。

我看过jQuery ajax表单提交,但它涉及手动构建queryString。

在这种情况下,输入字段的数量是未知的,它可以是任何字段。

是否有一个javascript实用程序迭代表单中的输入字段并通过ajax提交表单。

也需要回调。

2 个答案:

答案 0 :(得分:0)

您可以在serialize对象上使用form

$.ajax({
  type: "POST",
  url: "/my_url_target",
  data: $('#myform').serialize(),
  datatype: "json",
  traditional: true,
  success: function(data, textStatus, jqXhr) {
    // success
  },
  error: function() {
    // error
  }
});

答案 1 :(得分:0)

jQuery的serialize方法可以序列化表单上的字段。

以下是其用法示例:

$( "form" ).on( "submit", function( event ) {
    event.preventDefault();
    $.post("/some/url", $(this).serialize(),function(){
        //callback goes here
    });
});