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));