介绍
在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 }}