目录

springboot前后端调用axios发送异步请求

springboot:前后端调用(axios发送异步请求)

什么是axios

  • axios 就是一个 JavaScript 的网络请求库

  • 前端代码要想和后端服务器交流(拿数据、传数据),就要发 HTTP 请求

  • axios 就是帮你发这些请求的一个工具,常用来:

    • GET 请求:获取数据(比如拿到书本列表)。
    • POST 请求:提交数据(比如添加一本新书)。

你可以把它理解成:axios = 浏览器里的快递员,帮你去后端服务器拿东西或者送东西

什么是异步请求

https://i-blog.csdnimg.cn/direct/d0ba356eacee46da8b8b2f8dcdd67643.png


getAll() {
    axios.get("/books").then((res)=>{
        console.log(res.data);
    });
}
  • axios.get("/books")
    → 向后端服务器要 /books 的数据。

  • 因为请求是 异步的,不会卡住页面。程序会继续往下走。

  • 当后端返回数据时,.then(...) 会被触发。

    • res 是后端返回的完整响应。
    • res.data 就是后端返回的真正数据(比如书籍列表)。
    • console.log(res.data):打印出来。

箭头函数

https://i-blog.csdnimg.cn/direct/647ae702caa9439381ee064ea8f9ef95.png

https://i-blog.csdnimg.cn/direct/f734536435ab4aa7828337ddec3eba6d.png