首页  >  文章  >  web前端  >  vue的数据交互形式有哪些

vue的数据交互形式有哪些

零下一度
零下一度原创
2017-06-30 15:25:392205浏览

var that=this

 

get请求

that.$http.get("1.txt").then(function(result){

console.log(result)

this.msg=result.data;

})

post请求    需要环境  发送数据  接收数据

that.$http.post("1.txt","").then(function(result){

console.log(result)

})

综合性请求

that.$http({

method:"get",

url:"1.txt"

}).then(function(result){

console.log(result.data)

})

es6请求   method 请求方式   cache  是否缓存是否重新加载

fetch("url",{method:"get",cache:"reload"}).then(function(){

 

})

vue2 请求

axios({

url:"www.baidu.com?pageStart=18pageSize=3",

method:"get/post",

如果是get请求的话 用params 来传输数据或者地址栏拼接

params:{

pageStart:1,

pageSize:3

}

如果是post请求的话 用data去传输数据

data:{

}

})

 

实例

百度跨域请求

var that=this;

that.$http.jsonp("",{wd:this.abc},{jsonp:"cb"}).then(function(result){

console.log(result.data.s)

})

360跨域请求

that.$http.jsonp("https://sug.so.360.cn/suggest?encodein=utf-8&encodeout=utf-8",{word:this.abc},{emulateJSON:true}).then(function(result){

console.log(result.data.s)})

以上是vue的数据交互形式有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn