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 @   RoddyBryce  阅读(52)  评论(0)  编辑  收藏  举报
相关博文：
· GET请求和POST请求
· Ajax加强
· Axios
· 网络数据请求库 axios
· axios
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示
AI IDE Trae