当前位置: 首页 > 面试题库 >

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

彭成天
2023-03-14
问题内容

我想在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这样的插件相比,我更喜欢这种方法,尽管这样做确实完成了同样的事情。



 类似资料:
  • 问题内容: 我有以下代码,但是当我从页面重定向提交时。我希望能够使用jquery / ajax向其发布内容,以便提交时页面不会刷新。有人可以给我看一个jsfiddle演示吗? 问题答案: 看一下jQuery :

  • 问题内容: 我正在尝试在Django中使用jQuery / AJAX发布数据,并且遇到了麻烦。当我运行下面的代码并单击“测试”按钮时,整个页面将再次重新加载,这不是我想要的(这就是我使用AJAX的原因)。 我也无法确认AJAX请求正在进入Django视图。 编辑:我对return false和进行了编辑。无法加载新页面,但仍无法在该字段中看到更新的文本。我不确定是否正在发送数据。我在控制台中看到:

  • 问题内容: 我已经检查了很多有关django AJAX表单的教程,但是每个教程都告诉您一种实现方法,它们都不是简单的,而且由于我从未使用过AJAX,所以我有点困惑。 我有一个名为“ note”的模型,它的模型形式,并且在模板内,我需要每次note元素发送stop()信号(来自jQuery Sortables)时django更新对象。 我当前的代码: views.py JavaScript: 当前代

  • 问题内容: 我有一个对象数组: 如何获得按属性名称升序排列的数组? 我尝试这样做:,但这不起作用。 请帮我! 编辑:数组可以包含两个以上的对象!它可以包含数百个。 编辑: 为什么在“重复的”问题问了两年之前,这个问题为什么被标记为重复? 问题答案:

  • 问题内容: 我一直在使用Serialize()将复选框形式的数据与Post()传递给可以容纳多个相同类别项目的购物篮。 当我使用“提交”按钮发布它们时,它可以很好地工作,并且可以将多个值传递并显示在一个类别下。 但是,当我使用Jquery serialize()时,每个类别仅显示一个项目,而总共仅显示两个类别。这是一个阵列问题,但我无法解决。 我应该使用替代的JQuery函数来传递多维数组吗? 问

  • 问题内容: 我当前的代码如下所示。如何将数组传递给控制器​​,控制器动作必须接受哪种参数? 我的控制器动作方法看起来像 问题答案: 我找到了解决方案。我使用了Steve Gentile,jQuery和ASP.NETMVC的解决方案-将JSON发送到Action-Revisited。 我的ASP.NET MVC视图代码如下所示: 并且我的控制器动作装饰有一个自定义属性 可在此处找到自定义属性的代码(