使用JQuery AJAX提交HTML表單到PHP AJAX

Question

我想知道是否有一個簡潔的方式來提交表單到我的後端與JQuery AJAX（異步）。我的意思是什麼，更具體地講，就是：

HTML表單：

<form method="post" action="/Intranet/Resources/Forms/WorkOrder.php"> 
    <input type="text" name="notes[]" /> 
    <input type="text" name="notes[]" /> 
    ... 
    <!-- a whole bunch more input fields here --> 
</form> 

這種形式是非常尷尬的分成一堆使用jQuery變量。我不希望用戶被重定向離開頁面 - 我希望表單異步提交。它實際上是一個保存按鈕...

它會更好地擰它，只是使用JSON？

Answer 1

$(function(){ 
    $("form").submit(function(){ 
     $.ajax({ 
      url:"save.php", 
      type:"post", 
      data:$(this).serialize(), 
      success: alert('saved'); 
     }); 
    }); 
}); 

Answer 2

您可以使用$('form').serialize()序列化表單。結果（爲您的表單）將是：

notes=val1&notes=val2 

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

Answer 3

jQuery的序列化...

編碼一組表單元素作爲提交字符串。

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

使用它像這樣....

$.post("test.php", $("#testform").serialize());