JavaScript Day21 - AJAX(3)

axios

• axios 是处理 AJAX 的套件，是透过 JavaScript Day19 - AJAX(1) 提到的 XMLHttpRequest 去发送请求，怕浏览器支援不支援 fetch 的话，可以考虑使用，作法跟 fetch 的概念蛮相似的
• 官方网址：axios
• 使用方法：上面的官方 GitHub 提到不少，假如采用 CDN 的方法如下方引用的例子
• 基本语法：
  • axios.get(url, {})：依需求看是 get 或 post，以及 url 网址，若是像 post 有资料则放在 {} 内
  • .then(response)：处理 response 的结果
  • .catch(error)：处理 error 的结果

CDN 引用

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

基本的 GET

axios.get('/user?ID=12345')
  .then(function (response) {
    // handle success
    console.log(response);
  })
  .catch(function (error) {
    // handle error
    console.log(error);
  })
  .then(function () {
    // always executed
  });

POST 请求

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

参考资料

JavaScript基本功修练：Day29 - axios基本语法与练习(GET、POST请求)
AJAX 完整解说系列：新增、更新、删除（POST/PATCH/DELETE）
使用Axios你的API都怎麽管理？
axios中文文档|axios中文网

次回

感觉知道的都说完了，要想一下还可以再研究什麽