axios

1.什么是axios

Axios是专注于网络数据请求的库

相比于原生的XMLHttpRequest对象，axios简单易用。

相比于jQuery，axios更加轻量化，只专注于网络数据请求

2.axios发起GET请求

axios发起GET请求语法

 

 

 具体请求示例

<body>
  <button id="btn1">发起GET请求</button>
  <script>
    document.querySelector('#btn1').addEventListener('click', function () {
      let url = 'http://www.liulongbin.top:3006/api/get'
      let paramsObj = { name: 'zs', age: 20 }
      axios.get(url, { params: paramsObj }).then(function (res) {
        console.log(res.data);
      })
    })
  </script>
</body>

6.3axios发起POST请求

axios发起POST请求语法

 

 

 具体代码示例

<body>
  <button id="btn1">发起GET请求</button>
  <script>
    document.querySelector('#btn2').addEventListener('click', function () {
      let url = 'http://www.liulongbin.top:3006/api/post'
      let dataObj = { address: '北京', location: '顺义区' }
      axios.post(url, dataObj).then(function (res) {
        console.log(res.data);
      })
    })
    </script>
</body>

6.4直接使用axios发起请求

axios也提供了类似于jQuery中$.ajax()函数，语法如下：

 

 

 1.直接使用axios发起GET请求

 

 2.直接使用axios发起POST请求

 

posted @ 2022-05-04 11:27  RoddyBryce  阅读(64)  评论(0)    收藏  举报