我想在Zepto或Jquery中用$ .ajax发布一个对象数组。两者都表现出相同的奇数错误,但我找不到我做错的事情。
使用“ RestEasy”之类的测试客户端发送数据时,数据会保存到服务器,并且我可以在浏览器的网络面板中看到请求被篡改,因此我相信JS是罪魁祸首。
如果我将对象数组作为POST的data属性发送,则不能正确发送它们。
数据对象:
var postData = [ { "id":"1", "name":"bob"} , { "id":"2", "name":"jonas"} ]
请求:
$.ajax({ url: _saveDeviceUrl , type: 'POST' , contentType: 'application/json' , dataType: 'json' , data: postData , success: _madeSave.bind(this) //, processData: false //Doesn't help });
在浏览器中看到的请求正文:
"bob=undefined&jonas=undefined"
可以使用jQuery和Zepto都用于准备POST数据的$ .param方法来更直接地看到这一点。
$.param( [ { "id":"1", "name":"bob"} , { "id":"2", "name":"jonas"} ] ) // Output: "bob=undefined&jonas=undefined"
因此,似乎这些库对复杂的帖子数据所做的准备与我期望的不同。
我看到了这个答案,但由于要发布大量内容,因此我不想将数据作为查询参数发送。
使用jQuery / Zepto通过POST发送多个对象的正确方法是什么?
使用$ .ajax({… data:JSON.stringify(postData)…})发送无内容的内容,但是服务器不喜欢这种格式。
更新: 好像JSON.stringify发送正确格式的内容。问题在于服务器端对于所需对象的结构非常非常具体。如果我从对象中添加或删除任何属性,它将使整个过程失败,而不是使用确实匹配的属性。这很不方便,因为可以将服务器发送的内容用作视图模型,但是视图模型会发生变化。…仍在努力寻找最佳解决方案。
请务必stringify在发送之前。我过多地依赖这些库,并认为它们可以根据我发布的contentType进行正确编码,但是似乎没有。
stringify
作品:
$.ajax({ url: _saveAllDevicesUrl , type: 'POST' , contentType: 'application/json' , data: JSON.stringify(postData) //stringify is important , success: _madeSave.bind(this) });
与使用$ .toJSON这样的插件相比,我更喜欢这种方法,尽管这样做确实完成了同样的事情。