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 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
Jan 11 Javascript
自己写了一个展开和收起的多更能型的js效果
Mar 05 Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 Javascript
基于Javascript倒计时效果
Dec 22 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 Javascript
vue+openlayers绘制省市边界线
Dec 24 Vue.js
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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
一个PHP实现的轻量级简单爬虫
2015/07/08 PHP
LNMP部署laravel以及xhprof安装使用教程
2017/09/14 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
在JavaScript中获取请求的URL参数[正则]
2010/12/25 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
两种简单的跨域方法(jsonp、php)
2017/01/02 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
JavaScript实现图片拖曳效果
2017/09/08 Javascript
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
老生常谈Python序列化和反序列化
2017/06/28 Python
python模拟表单提交登录图书馆
2018/04/27 Python
将Django项目部署到CentOs服务器中
2018/10/18 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
pytorch 实现张量tensor,图片,CPU,GPU,数组等的转换
2020/01/13 Python
python 求两个向量的顺时针夹角操作
2021/03/04 Python
送给他或她的礼物:FUN.com
2018/08/17 全球购物
反邪教警示教育方案
2014/05/13 职场文书
2015年个人实习工作总结
2014/12/12 职场文书
大足石刻导游词
2015/02/02 职场文书
通知函格式范文
2015/04/27 职场文书
大学生支教感言
2015/08/01 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js