爲JQuery編寫多部分/表單數據AJAX POST

Question

如何在JQuery AJAX中精確重現以下POST請求數據？

<form action="/updateinfo" method="post" enctype="multipart/form-data"> 
    <input type="text" name="t" value="thevalue1"><br> 
    <input type="text" name="t" value="thevalue2"><br> 
    <input type="text" name="t" value="thevalue3"><br> 
    <input type="text" name="t" value="thevalue4"><br> 
    <input type="text" name="t" value="thevalue5"><br> 
    <input type="text" name="t" value="thevalue6"><br> 
    <input type="submit"> 
</form> 

Answer 1

使用jQuery，您可以使用達到同樣的效果（無重定向）：

var form = new FormData($('form')[0]); 

$.ajax({ 
     url: "/updateinfo", 
     type: "post", 
     data: form, 
     contentType: false, 
     processData: false, 
     success: function(){ 
      alert("success"); 
     }, 
     error:function(){ 
      alert("failure"); 
     } 
    }); 

您需要contentType設置爲false，以確保它不會在HTTP頭中添加。此外，將processData設置爲false以防止jQuery嘗試將數據轉換爲字符串。