如何使用$.ajax(jQuery或Zepto)POST对象数组,

前端之家收集整理的这篇文章主要介绍了如何使用$.ajax(jQuery或Zepto)POST对象数组,前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在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":"jonas"}
  ]
)
// Output: "bob=undefined&jonas=undefined"

所以看起来这些库为复杂的帖子数据做的准备不同于我预期的。

我看到这个答案,但我不想发送数据作为查询参数,因为我POSTing大量的内容
How do I send an array in an .ajax post using jQuery?

使用jQuery / Zepto通过POST发送多个对象的正确方法是什么?

使用$ .ajax({… data:JSON.stringify(postData)…})发送非损坏的内容,但服务器不喜欢该格式。

更新:
看起来像JSON.stringify发送格式正确的内容。问题是服务器端非常,非常具体地关于它想要的对象的结构。如果我从对象中添加删除任何属性,它将失败整个过程,而不是使用匹配的属性。这是不方便的,因为它很好地使用服务器发送的内容作为视图模型,但视图模型更改。
…仍在努力的最佳解决方案。

确保在发送前进行字符串化。我倾向于图书馆太多,认为他们将根据contentType我正在发布,正确编码,但他们似乎不。

作品:

$.ajax({
    url: _saveAllDevicesUrl,data: JSON.stringify(postData) //stringify is important,success: _madeSave.bind(this)
});

我喜欢这种方法使用一个插件像$ .toJSON,虽然这是完成同样的事情。

猜你在找的Ajax相关文章