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

  • Z时代
  • 2024-01-10
  • 分类：问答

我想在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进行正确编码，但是似乎没有。

作品：

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

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

以上是 如何使用$ .ajax（jQuery或Zepto）发布对象数组 的全部内容， 来源链接： utcz.com/qa/406310.html

回到顶部