Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript自动表单迭代并通过ajax提交_Javascript_Jquery_Ajax - Fatal编程技术网

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

javascript自动表单迭代并通过ajax提交,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个输入字段数量可变的表单,因此字段不是固定的 我已经看过jqueryajax表单提交,但它涉及到手动构建queryString 在这种情况下,输入字段的数量未知,可以是任意数量 是否有一个javascript实用程序可以迭代表单中的输入字段,并通过ajax提交表单 还需要回调。您可以在表单对象上使用序列化: $.ajax({ type: "POST", url: "/my_url_target", data: $('#myform').serialize(), dataty

我有一个输入字段数量可变的表单,因此字段不是固定的

我已经看过jqueryajax表单提交,但它涉及到手动构建queryString

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

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


还需要回调。

您可以在
表单
对象上使用
序列化

$.ajax({
  type: "POST",
  url: "/my_url_target",
  data: $('#myform').serialize(),
  datatype: "json",
  traditional: true,
  success: function(data, textStatus, jqXhr) {
    // success
  },
  error: function() {
    // error
  }
});
jQuery的方法可以序列化表单上的字段

以下是其用法示例:

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