请教一下 ajax 传递字符串数组的问题。不清楚应该属于 js 还是 Java

This topic created in 2729 days ago, the information mentioned may be changed or developed.

我后台有一个接口，其中有一个参数接受 List<string> 的值。
我在测试的时候 PostMan 里 from-data 里传参数 'a','b','c' ，后台可以正常接收。
但是 ajax 请求的时候 var params=['a','b','c'] ， data:{"params":params} 就报 400 错误。
请问这是怎么回事？

ajax 使用的 type 是 json。
试过 traditional:true 和 JSON.stringify() 这两个方法了，没有效果。
</string>

params

ajax

string

串数组

9 replies • 2018-12-20 18:32:10 +08:00

wu67

Dec 19, 2018

https://i.loli.net/2018/12/19/5c1a19cdb83b8.png
讲道理, 这样传应该没毛病, 大概~

jtwor

Dec 19, 2018

get post 问题吧

C0VN

Dec 19, 2018

后台接口有用规范的 json 吗？

finian

Dec 19, 2018

传的格式不对呗。截下 Postman 的图和你的 ajax 代码。

fmumu

Dec 19, 2018 via Android

contentType:"application/json"

ukipoi

Dec 20, 2018

@finian
好像在 ajax 里注释掉了 ```//processData: false``` 就可以用 ```JSON.stringify() ``` 来正常访问接口了。
不过我在 postman 里用 row 格式还是 400 错误。
![avatar]( https://i.loli.net/2018/12/20/5c1afb2f7925f.png)
![avatar]( https://i.loli.net/2018/12/20/5c1afb2f94bbf.png)

finian

Dec 20, 2018

@ukipoi #6 先问清楚你们后端接口接受什么样的 post 数据格式吧，看你的截图，你的服务端好像只接受 `multipart/form-data` 的请求数据格式，但你又提到使用 ajax application/json 可以正常访问接口，说明服务端是接受 `application/json` 格式的

ukipoi

Dec 20, 2018

@finian
不好意思，其实我是写这个后台借口的。
格式的话我没有做限定，只是声明了 @PostMapping
参数部分是做了 @RequestParam("") List<String> imgs 这样子而已

finian

Dec 20, 2018

@ukipoi #8 两种方式：
1. 后端使用 `application/json` 格式，参数用 `@RequestBody` 映射

```
@PostMapping(
consumes = MediaType.APPLICATION_JSON_VALUE
produces = MediaType.APPLICATION_JSON_VALUE
)
public Response blahahah(@RequestBody YourJsonPayloadObject yourJsonPayloadObject) {
...
}
```

前端：

```
$.ajax({
url: '...',
method: 'POST',
contentType: 'application/json',
dataType: 'json',
processData: false,
data: JSON.stringify({
imgs: ['IMGURL1', 'IMGURL2'],
...
}),
})
```

2. 使用 `application/x-www-form-urlencoded` post 数据

如果使用 `traditional: true`

```
$.ajax({
url: '...',
method: 'POST',
traditional: true,
data: {
imgs: ['IMGURL1', 'IMGURL2'],
...
},
})
```

会产生这样的 payload: `imgs=IMGURL1&imgs=IMGURL2`，后端不用改

如果使用 `traditional: false`（默认）

```
$.ajax({
url: '...',
method: 'POST',
data: {
imgs: ['IMGURL1', 'IMGURL2'],
...
},
})
```

会产生这样的 payload: `imgs[]=IMGURL1&imgs[]=IMGURL2`，
后端的 `@RequestParam("")` 要改为 `@RequestParam("imgs[]")`