V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
ukipoi
V2EX  ›  问与答

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

  •  
  •   ukipoi · 2018-12-19 17:38:09 +08:00 · 1589 次点击
    这是一个创建于 2167 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    9 条回复    2018-12-20 18:32:10 +08:00
    wu67
        1
    wu67  
       2018-12-19 18:14:08 +08:00
    https://i.loli.net/2018/12/19/5c1a19cdb83b8.png
    讲道理, 这样传应该没毛病, 大概~
    jtwor
        2
    jtwor  
       2018-12-19 19:28:08 +08:00
    get post 问题吧
    xavierskip
        3
    xavierskip  
       2018-12-19 19:53:16 +08:00
    后台接口有用规范的 json 吗?
    finian
        4
    finian  
       2018-12-19 20:04:33 +08:00
    传的格式不对呗。截下 Postman 的图和你的 ajax 代码。
    fmumu
        5
    fmumu  
       2018-12-19 20:28:59 +08:00 via Android
    contentType:"application/json"
    ukipoi
        6
    ukipoi  
    OP
       2018-12-20 10:16:30 +08:00
    @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
        7
    finian  
       2018-12-20 17:31:14 +08:00
    @ukipoi #6 先问清楚你们后端接口接受什么样的 post 数据格式吧,看你的截图,你的服务端好像只接受 `multipart/form-data` 的请求数据格式,但你又提到使用 ajax application/json 可以正常访问接口,说明服务端是接受 `application/json` 格式的
    ukipoi
        8
    ukipoi  
    OP
       2018-12-20 17:37:54 +08:00
    @finian
    不好意思,其实我是写这个后台借口的。
    格式的话我没有做限定,只是声明了 @PostMapping
    参数部分是做了 @RequestParam("") List<String> imgs 这样子而已
    finian
        9
    finian  
       2018-12-20 18:32:10 +08:00
    @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[]")`
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   984 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 22:55 · PVG 06:55 · LAX 14:55 · JFK 17:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.