7.Vue之vue-resource(ajax,jsonp)

介绍

在vue中利用它可以向api发出ajax请求来操作数据

正文

$http 属性上的三个方法 api的文档 / vueresource的下载地址

1.get
 请求  this.$http.get(url)
 响应 .then(function(res){})  中的res就是响应报文对象

2. post
他与get和jsonp请求不同的是,第二个参数是一个请求报文对象,写法 {key:value}
第三个参数一定要带上{emulateJSON:true} ,作用是:{emulateJSON:true} 的本质是在请求报文头上增加了 Content-Type:application/x-www-form-urlencode,只有加入了这个头,在服务器中才可以获取到第二个参数对象中的属性值

3. jsonp
jsonp原理是什么:   jsonp已经不是一个ajax请求了,采取的是浏览器的同源策略来实现跨域的,在请求的时候会在url后带上callback=生成的 函数名称一起提交给服务器,在服务器中利用callback传入的值当做一个方法来将要响应回去的数据当做参数传入
如何判断一个api是否支持jsonp请求?   只需要查看响应报文体中的数据是类似于   XXXX('数据') 这种格式就表示支持jsonp
请求的特点 : 1、是一个同源请求,反映在调试器上 script类型  2、请求url后面一定是有callback参数
响应 .then(function(res){})  中的res就是响应报文对象

    
{{ res }}
     
    

你可能感兴趣的:(7.Vue之vue-resource(ajax,jsonp))