使用jQuery使用multipart/form-data進行HTTP POST調用？

Question

我試圖與多/表單數據的HTTP POST調用，使用jQuery：

$.ajax({ 
    url: 'http://localhost:8080/dcs/rest', 
    type: 'POST', 
    contentType:'multipart/form-data', 
    data: 'dcs.source=boss-web&query=data&dcs.algorithm=lingo&dcs.output.format=JSON&dcs.clusters.only=true', 
    //dataType: "jsonP", 
    success: function(jsonData) {alert('POST alert'); data=jsonData ; }, 
    error : function(XMLHttpRequest, textStatus, errorThrown) { 
      console.log('An Ajax error was thrown.'); 
      console.log(XMLHttpRequest); 
      console.log(textStatus); 
      console.log(errorThrown); 
      } 
}); 

它不工作。 Firebug返回一個未定義的錯誤，並將返回的對象多部分字段設置爲false。

我該怎麼做才能使這個工作與jQuery？如果這是不可能的，是否有一個簡單的實現呢？

即不需要傳輸文件，只是一些數據。但服務器需要多部分。

Answer 1

multipart/form-data不看這樣的：

dcs.source=boss-web&query=data&dcs.algorithm=lingo&dcs.output.format=JSON&dcs.clusters.only=true 

這是application/x-www-form-urlencoded。

這是multipart/form-data請求的外觀example。和相關的RFC 1867。

multipart/form-data經常與上傳文件相關聯。如果這是你的情況，你可以看一看jquery form plugin，它允許你填寫表單和supports file uploads。

Answer 2

這樣工作的：

$("form#upload-form") 
    .attr("enctype", "multipart/form-data") 
    .attr("encoding", "multipart/form-data"); 
$.ajax({ 
    type: "POST", 
    contentType:attr("enctype", "multipart/form-data"), 
    url: "/adm/oferta_insert", 
    data: dados, 
    success: function(data) { 
     alert(data); 
    } 
}); 

http://www.bennadel.com/blog/1273-Setting-Form-EncType-Dynamically-To-Multipart-Form-Data-In-IE-Internet-Explorer-.htm

Answer 3

使用FORMDATA（），您可以通過Ajax請求上傳文件。

請參閱以下鏈接獲取更多信息：FormData

教程關於使用FORMDATA：tutorial