axios使用ajax请求
前端直接引用axios.min.js文件
```
axios.get(this.baseUrl+ "?keyword=" + this.keyword + "&pageNo=" + this.pageNo).then(response => {
if (response.data.error) {
alert(response.data.msg)
} else {
let remoteData = response.data.data
console.log("remoteData is:")
console.log(remoteData)
this.searchResult = remoteData.list
this.total = remoteData.total
if(this.searchResult.length === 0){
alert('无相关结果')
}
// 关键字高亮
this.searchResult.map((item, index) => {
if (this.keyword) {
let replaceReg = new RegExp(this.keyword, "ig");
let replaceString = `<span style="color: #0066FF">${this.keyword}</span>`;
this.searchResult[index].title = item.title.replace(replaceReg, replaceString);
}
});
}
}).catch(error => {
if (error.toJSON().status === 429) {
alert('请求过于频繁,请稍等一下再次尝试(429)')
} else {
alert(`未知错误,请打开控制台查看(${error.message})`)
}
})
```
本文作者:蜗牛使劲冲
本文链接:https://www.cnblogs.com/warrenwt/p/18247295
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步