ajax请求发送属性相同但值不同的数据

是菜菜的小前端啊

于 2021-08-26 17:59:33 发布

阅读量360

点赞数

CC 4.0 BY-SA版权

分类专栏： ajax js 文章标签： ajax

本文链接：https://blog.csdn.net/YYuea/article/details/119937133

js 同时被 2 个专栏收录

13 篇文章

订阅专栏

ajax

3 篇文章

订阅专栏

当使用JSON对象直接发送包含数组的数据时，请求数据可能会出现属性名后跟随[]的情况。为避免此问题，可以将数据转换为URLSearchParams对象，并逐个添加参数。例如，对于变量num=[1,2,3]，可以通过创建新的URLSearchParams对象并遍历数组，使用data.append('id', num[i])将每个元素添加到请求数据中，从而正确地发送请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据需求，ajax请求数据格式需为：
在这里插入图片描述

错误示例

若使用一个属性对应数据的形式，在发送请求时会出现属性名后出现[]的情况

 var num = [1,2,3]
 var data = {"id": num}

请求发送数据如下：
在这里插入图片描述

解决方案

将发送的数据设置为URLSearchParams对象，再逐条插入至对象中即可

 var num = [1,2,3]
 var data = new URLSearchParams()
 for(var i=0; i< num.length; i++){
 	data.append("id",num[i])
 }

请求数据如下：
在这里插入图片描述