[如何使用axios发起ajax请求?]

59 阅读 0 评论 39 点赞

我是靠谱客的博主合适老虎，最近开发中收集的这篇文章主要介绍[如何使用axios发起ajax请求?]，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Ajax全称:Asynchronous Javascript And XML

简单来说:ajax就是在js中编写代码,来获取数据的技术.

示例:使用axios发起ajax请求 (axios是一个封装好的,用来发ajax请求的工具)

1.先引入axios.js文件到自己的网页中

2.axios的使用语法:

axios({

url:' ',//请求的网址

method:' '//请求的方法

}).then( (结果变量名)=>{

//then是用来指定请求成功之后的回调函数

})

示例:

 <script>

     axios({
        url:'........',
        // url:'请求的url地址, 就是标记资源的url网址',
        method:'GET',//请求的方法是'GET'固定字符串, 代表获取数据动作
        params:{

            pname:'XX省',
            cname:'XX市'
        }
     }).then((res) =>{

        console.log(res);
     })
    </script>

运行后结果在控制台打印输出可以看到,请求并接受到此url网址返回的响应结果打印的是axios结果对象