首页前端开发HTMLvue的数据交互形式有哪些

vue的数据交互形式有哪些

时间2024-01-22 23:08:04发布访客分类HTML浏览976
导读:收集整理的这篇文章主要介绍了vue的数据交互形式有哪些,觉得挺不错的,现在分享给大家,也给大家做个参考。VAR that=this@H_512_2@ get请求that.$http.get("1.txt" .then(function(re...
收集整理的这篇文章主要介绍了vue的数据交互形式有哪些,觉得挺不错的,现在分享给大家,也给大家做个参考。VAR that=this@H_512_2@

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的数据交互形式有哪些的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

交互形式

若转载请注明出处: vue的数据交互形式有哪些
本文地址: https://pptw.com/jishu/583485.html
h5实现QQ聊天气泡的实例介绍 className和a href 的实例详解

游客 回复需填写必要信息