不同途径的ajax请求

1、原生js(该方式一般需要封装)
通过创建XMLHttpRequest的方式

    let xhr = new XMLHttpRequest();
    xhr.open('get', url);
    xhr.send(params);
    xhr.onreadystatechange = function () {
        if (this.readyState === 4) {
            //xhr.responseText获取响应体
        }
    }

2、jQuery
$.ajax();
$.get();
$post();
详情可参考https://www.jquery123.com/category/ajax/

3、vue-resource

new Vue({
    el:'#app',
    data:{
        msg:'',
    },
    methods: {
        get:function(){
            this.$http.get('package.json',{
                params:{
                    userId:123,
                },
                headers:{
                    token:'asdas'
                }
            }).then(res=>{
                this.msg=res.data;
            },error=>{
                this.msg='error'
            })
        }
    },
})

详情可参考https://www.npmjs.com/package/vue-resource

4、axios
与vue-resource类似
详情可参考https://www.npmjs.com/package/axios