400錯誤請求錯誤與HTTP多部分請求

Question

我試圖擊中1 API，使用多部分數據發出HTTP POST請求，但我得到了400錯誤請求錯誤。

var reqPayload='{ 
    "param1":"value1" 
}'; 

var ajaxOptions = { 
      url: href, 
      type: method_NAME, 
      async: true 
}; 
ajaxOptions.data = new FormData(); 
ajaxOptions.data.append("jsonInputParameters", $.parseJSON(reqPayload)); 

ajaxOptions.contentType = false; 
ajaxOptions.processData = false; 

//following will not create any problem since there is only 1 file. 
$.each($('#id_NAME input[type="file"]')[0].files, function(i, file) { 
    ajaxOptions.data.append('primaryFile', file); 
}); 

我的要求是這樣的：

------WebKitFormBoundary9hoSobTAHgGksFST 
Content-Disposition: form-data; name="jsonInputParameters" 

[object Object] 
Content-Disposition: form-data; name="primaryFile"; filename="example.txt" 
Content-Type: text/plain 

------WebKitFormBoundary9hoSobTAHgGksFST 

但是，我想是這樣的：

------WebKitFormBoundary9hoSobTAHgGksFST 
Content-Disposition: form-data; name="jsonInputParameters" 

{ 
"parentID":"FB4CD874EF94CD2CC1B60B72T0000000000100000001" 
} 

------WebKitFormBoundary9hoSobTAHgGksFST 
Content-Disposition: form-data; name="primaryFile"; filename="example.txt" 
Content-Type: text/plain 

<File Content> 
------WebKitFormBoundary9hoSobTAHgGksFST-- 

請讓我知道了一些變通發出此問題。

Answer 1

你的reqPayload變量是一個字符串，所以你根本不需要序列化它;你可以把它添加到FormData原樣：

ajaxOptions.data.append("jsonInputParameters", reqPayload); 

這就是說，它是更好的實踐，更容易維護，如果你創建了有效載荷的對象，然後使用JSON.stringify使得之前連載數據請求，如下所示：

var reqPayload = { 
    param1: "value1" 
}; 
ajaxOptions.data.append("jsonInputParameters", JSON.stringify(reqPayload));