vue-resource.js

大灰狼的小绵羊哥哥

网络请求

• 使用 vue-resource.js 库
• 借助于 $http 完成
• 语法： 使用 promise 语法规范
• 常用的交互类型：get / post / jsonp

get类型

• 语法：

this.$http.get( 'url' , {
    params:{ key1:val1 , key2:val2 ...}
})
.then(
    function(res){处理请求成功的情况},
    function(res){处理请求失败的情况} 
)

post类型

• 语法：

this.$http.post( 'url' , {
 key1:val1 , key2:val2 ...
},{emulateJSON:true})
.then(
    function(res){处理请求成功的情况},
    function(res){处理请求失败的情况} 
)

  {emulate:true}   //模拟json数据格式，将参数传递过去

jsonp请求

• 语法：

this.$http.jsonp( 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su' , {
    params:{ wd:'lol'},
    jsonp='cb'       //默认是callback,如跨域请求百度时cb
})
.then(
    function(res){处理请求成功的情况},
    function(res){处理请求失败的情况} 
)