vue-resourc发起异步请求的方法


Posted in Javascript onFebruary 11, 2020

除了vue-resource之外,还可以使用'axios‘的第三方包实现数据的请求因为跨域失败访问不到,不过同域的可以直接访问.html文件来检验,这样可以不用搭服务器建议使用axios来进行异步访问请求

1.安装或导入vue-resource

安装命令:

npm install vue-resource

导入:

import VueResource from 'vue-resource'
Vue.use(VueResource)

2.使用

格式:

this.http.get('/url',[options]).then(successCallback,errorCallback)

更多

get(url,[options])
post(url,[body],[options])
jsonp(url,[options])

具体使用:

get:

function(){
this.$http.get{'/访问地址'}.then(function(result){
//访问成功后的处理
},function(result){
//访问不成功的处理
})
}

post:

function(){
this.$http.post{'/访问地址',{},{emulateJSON:true}}.then(function(result){
//访问成功后的处理
},function(result){
//访问不成功的处理
})
}

jsonp:

function(){
this.$http.jsonp{'/访问地址'}.then(function(result){
//访问成功后的处理
},function(result){
//访问不成功的处理
})
}

result的数据使用推荐使用result.body下的数据

vue-resource提供的全局配置数据根域名的方法

作用

使发起请求时,请求地址不用再写根域名

方便移植设置全局根域名

//在Vue实例创建前定义
//注意:根域名后面需要带斜线
Vue.http.options.root='根域名/'

请求

//注意:地址前面不能带斜线
this.$http.get('a/a')
vue-resource提供的全局启用emulateJSON选项
//在Vue实例创建前定义
Vue.http.options.emulateJSON=true

总结

以上所述是小编给大家介绍的vue-resourc发起异步请求的方法,希望对大家有所帮助!

Javascript 相关文章推荐
jQuery学习5 jQuery事件模型
Feb 07 Javascript
JS、DOM和JQuery之间的关系示例分析
Apr 09 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
js实现带按钮的上下滚动效果
May 12 Javascript
深入讲解AngularJS中的自定义指令的使用
Jun 18 Javascript
JS Attribute属性操作详解
May 19 Javascript
JS实现的数字格式化功能示例
Feb 10 Javascript
详解Vue2 无限级分类(添加,删除,修改)
Mar 07 Javascript
VUE长按事件需求详解
Oct 18 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
Feb 14 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
vue使用vuex实现首页导航切换不同路由的方法
May 08 Javascript
js实现圆形显示鼠标单击位置
Feb 11 #Javascript
JavaScript实现省份城市的三级联动
Feb 11 #Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 #Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
Feb 11 #Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
Feb 11 #Javascript
JavaScript实现拖拽功能
Feb 11 #Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 11 #Javascript
You might like
十大催泪虐心动漫,你能坚持看到第几部?
2020/03/04 日漫
php array的学习笔记
2012/05/16 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
PHP实现的常规正则验证helper公共类完整实例
2017/04/27 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
Laravel多用户认证系统示例详解
2018/03/13 PHP
PHP时间相关常用函数用法示例
2020/06/03 PHP
top.location.href 没有权限 解决方法
2008/08/05 Javascript
js导出txt示例代码
2014/01/14 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
js实现详情页放大镜效果
2020/10/28 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
Python 的内置字符串方法小结
2016/03/15 Python
Python进阶之递归函数的用法及其示例
2018/01/31 Python
Python标准库itertools的使用方法
2020/01/17 Python
深入理解css中vertical-align属性
2017/04/18 HTML / CSS
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
python+selenium小米商城红米K40手机自动抢购的示例代码
2021/03/24 Python
客服主管岗位职责
2013/12/13 职场文书
汽车技术服务英文求职信范文
2014/01/02 职场文书
高中地理教学反思
2014/01/29 职场文书
小学安全教育材料
2014/02/17 职场文书
珍惜资源的建议书
2014/08/26 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
努力工作保证书
2015/02/28 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL