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的颜色选择插件实例代码
Oct 02 Javascript
javascript smipleChart 简单图标类
Jan 12 Javascript
JSON语法五大要素图文介绍
Dec 04 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
Oct 30 Javascript
js实现继承的方法及优缺点总结
May 08 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 Javascript
Vue3为什么这么快
Sep 23 Javascript
js实现限定范围拖拽的示例
Oct 26 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
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
PHP页面间传递参数实例代码
2008/06/05 PHP
PHPMailer的主要功能特点和简单使用说明
2014/02/17 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
js实现ASP分页函数 HTML分页函数
2006/09/22 Javascript
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
Js数组排序函数sort()介绍
2015/06/08 Javascript
基于javascript编写简单日历
2016/05/02 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
你真的了解BOM中的history对象吗
2017/02/13 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
linux平台使用Python制作BT种子并获取BT种子信息的方法
2017/01/20 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
Django 多环境配置详解
2019/05/14 Python
Python任意字符串转16, 32, 64进制的方法
2019/06/12 Python
Python爬虫之urllib基础用法教程
2019/10/12 Python
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
简历自荐信
2013/12/02 职场文书
中医学专业自荐信范文
2014/04/01 职场文书
2014大学生批评与自我批评思想汇报
2014/09/21 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
青涩记忆观后感
2015/06/18 职场文书
导游词幽默开场白
2019/06/26 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python