ajax请求遇到的一些问题

这两天在写bookstore的前后端交互,遇到了一些问题,特此记录。

1. axios的使用

axios是对ajax的一个封装,使用起来更加方便,写写自己的心得

首先是它的格式

axios({
    method: 'GET',
    url: 'http://localhost:8080/getBookByIds',
    params,
    paramsSerializer: params => {
      return qs.stringify(params, {
        indices: false
      })
    }

  }).then(response => {
    callback(response.data);
  }).catch(error => {
    console.log(error);
  })

总的来说这个工具还是简单易用。这里我主要遇到的问题是在params里传递数组。

传递数组需要用到qs这个工具,它会把数组打包成请求的格式。

具体遇到的坑是参照这边博文解决的https://blog.csdn.net/weixin_44401130/article/details/106876401

遇到的坑主要有,将params后面的数据直接qs.stringify,导致params只有0一个key,最后发出来的url是

http://localhost:8080/getBookByIds?0=book_ids=1&book_ids=2



posted @ 2022-05-16 10:31  kenor  阅读(66)  评论(0)    收藏  举报