vuejs如何使用ajax

    
    
    
    


    
        发送ajax请求
    

2）axios.get(url[,options]);

传参方式：
（1）通过url传参axios(‘url?key=value&key1=val2’).then();
（2）通过params选项传参 axios(‘url’,{params:{key:value}}).then();

3）axios.post(url,data,[options]);

axios默认发送数据时，数据格式是Request Payload，并非常用的Form Data格式，
所以参数必须要以键值对形式传递，不能以json形式传。

传参方式：

（1）自己拼接为键值对

axios.post(‘url’,’key=value&key1=value1’).then();

（2）使用transformRequest，在请求发送前将请求数据进行转换

axios.post('url',data,{
                        transformRequest:[
                                function(data){
                                    let params = '';
                                    for(let index in data){
                                        params +=index+'='+data[index]+'&';
                                    }
                                    return params;
                                }
                        ]
                    }).then(function(res){
                        console.log(res.data)
                    });

（3）如果使用模块化开发，可以使用qs模块进行转换

axios本身并不支持发送跨域的请求，没有提供相应的API，作者也暂没计划在axios添加支持发送跨域请求，
所以只能使用第三方库

跨域请求（使用vue-resource发送跨域请求）

1、使用vue-resource发送跨域请求步骤

• 安装vue-resource并引入：npm install vue-resource -S

• 基本用法：

使用this.$http.jsonp(url,[ops]) 发送请求

2、基本使用演示（360搜索）

1）打开360搜索，然后输入字符’a’会有一些搜索选项自动提示，如图

2）复制链接
https://sug.so.360.cn/suggest?callback=suggest_so&encodein=utf-8&encodeout=utf-8&format=json&fields=word&word=a
3）代码演示

    
    
    
    
    


    
        send