ajax请求遇到的一些问题

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

1. axios的使用

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

首先是它的格式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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是

1
http://localhost:8080/getBookByIds?0=book_ids=1&book_ids=2<br><br><br><br>
posted @   kenor  阅读(58)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示