javascript - 获取页面中所有表单的输入

Question

我想获取页面中每个表单的输入，它们的名称是name我的表单是这样的

<form class="form" role="form" onsubmit="completeSave(this)">
      <div class="form-body">
           <div class="form-group">
               <label>name</label>
               <input type="text" class="form-control" name="name"
                                               value="{{$media->name}}">
            </div>
       </div>
 </form>
// next form!
 <form class="form" role="form" onsubmit="completeSave(this)">
      <div class="form-body">
           <div class="form-group">
               <label>name</label>
               <input type="text" class="form-control" name="name"
                                               value="{{$media->name}}">
            </div>
       </div>
 </form>

我已经有一些代码可以对每个表单执行某些操作(ajax 请求)，但我想在页面中添加一个按钮来提交所有表单数据

 <button class="btn btn-primary" onclick="completeSaveAll()">submit</button>

我尝试了这个 JavaScript 代码:

 function completeSaveAll() {
        var form = $('form');
        form.each(function () {
            console.log(this.find("[name=name]"));
        })
  } 

但它不起作用我该怎么办？

Answer 1

尝试serializeArray()

$.ajax({
type : 'POST',
url : 'url',
data : $('#form').serializeArray()
});