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})`)
  }
})

```

 

posted @ 2024-06-14 10:26  蜗牛使劲冲  阅读(13)  评论(0)    收藏  举报