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