小学一波：axios之发起GET请求

目录

1.为什么会诞生axios

2.什么是Axios

3.axios发起GET请求

3.1 axios发起GET请求的语法： 

3.2 axios发起GET请求的具体实例与基本使用 

---

 

1.为什么会诞生axios

       最初浏览器页面向服务器请求数据时，返回的是整个页面，整个页面都会刷新，当我们只需要请求部分数据时，返回整个页面会造成网络资源的占用，为了提高数据请求效率，异步网络请求Ajax出现了，它可以在页面无刷新的情况下请求数据。jQuery封装的ajax，原生的XMLHttpRequest，以及axios都可以实现异步网络请求。

        Axios（相比于原生的XMLHttpRequest对象来说） 简单易用,（相比于jQuery）axios包尺寸小且提供了易于扩展的接口，是专注于网络请求的库。（axios本质上是原生XMLHttpRequest的封装）

2.什么是Axios

Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js

Axios（相比于原生的XMLHttpRequest对象来说） 简单易用,（相比于jQuery）axios包尺寸小且提供了易于扩展的接口，是专注于网络请求的库。

3.axios发起GET请求

3.1 axios发起GET请求的语法： 

axios.get('url',{ params: { /*参数*/ } }).then(callback)

3.2 axios发起GET请求的具体实例与基本使用 

<script>
    new Vue({
        el: '#app',
        data: {
            isLogin: false,
            login_player: {}
        },
        methods: {

            hasLogin() {
                axios.get('/playerC?action=getLoginPlayerFromSession').then((resp) => {
                    if (resp.data) {
                        // console.log(1)
                        this.isLogin = true
                        this.login_player = resp.data
                    } else {
                        // console.log(2)
                        this.isLogin = false
                    }
                })
            },

        },
            mounted() {
                this.hasLogin()
            },
    })
</script>