小编典典

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

ajax

我想在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发送正确格式的内容。问题在于服务器端对于所需对象的结构非常非常具体。如果我从对象中添加或删除任何属性,它将使整个过程失败,而不是使用确实匹配的属性。这很不方便,因为可以将服务器发送的内容用作视图模型,但是视图模型会发生变化。…仍在努力寻找最佳解决方案。


阅读 480

收藏
2020-07-26

共1个答案

小编典典

请务必stringify在发送之前。我过多地依赖这些库,并认为它们可以根据我发布的contentType进行正确编码,但是似乎没有。

作品:

$.ajax({
    url: _saveAllDevicesUrl
,   type: 'POST'
,   contentType: 'application/json'
,   data: JSON.stringify(postData) //stringify is important
,   success: _madeSave.bind(this)
});

与使用$ .toJSON这样的插件相比,我更喜欢这种方法,尽管这样做确实完成了同样的事情。

2020-07-26