Vue resource中的GET与POST请求的实例代码


Posted in Javascript onJuly 21, 2017

前言:vue-resource 使用比 jQuery 更加简洁的方式实现了异步请求功能,还提供了比如 interceptors 这样处理请求过程中行为的功能。下面介绍下vue-resource中常用的GET与POST请求使用与封装方法。

访问 Github 获取最新的开发文件与文档

特征:

  1. 支持 Promise API 和 URI Templates
  2. 支持请求过程中使用拦截器(interceptoers)
  3. 支持 Firefox,Chrome,Safari,Opera 和 IE9+
  4. 非常的小(压缩后之后14KB,在启用 gzipped后只有5.3KB)

参数说明:

参数说明很多文章里面所已经说过了,这里只使用必须用到的参数,具体请访问 Github 中的 Document

GET请求

function getRequest(url, params) {
 return new Promise((resolve, reject) => {
  Vue.http.get(
   url,
   {
    params: params
   },
   {emulateJSON: true}
  )
  .then((res) => {
   resolve(res);
  })
  .catch((res) => {
   reject(res);
  });
 });
}

POST请求

function postRequest(url, params) {
 return new Promise((resolve, reject) => {
  Vue.http.post(
   url,
   {
    params
   },
   {emulateJSON: true}
  )
  .then((res) => {
   resolve(res.body);
  })
  .catch((res) => {
   reject(res.body);
  });
 });
}

使用方法

var params = new Object(); //创建params对象
var params.id = id; //传递参数
var url = url; //url地址
postRequest(url, params)
.then((message) => {
 //这里处理成功回调
})
.catch((message) => {
 //这里处理失败回调
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
js实现二级导航功能
Mar 03 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
vue封装第三方插件并发布到npm的方法
Sep 25 Javascript
分析javascript原型及原型链
Mar 18 Javascript
electron实现qq快捷登录的方法示例
Oct 22 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
Jul 21 #Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 #Javascript
VUE中使用Vue-resource完成交互
Jul 21 #Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
Jul 21 #Javascript
js图片轮播插件的封装
Jul 21 #Javascript
Javascript es7中比较实用的两个方法示例
Jul 21 #Javascript
AngularJS中使用three.js的实例详解
Jul 21 #Javascript
You might like
PHP设计模式之责任链模式的深入解析
2013/06/13 PHP
PHP函数eval()介绍和使用示例
2014/08/20 PHP
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
php把时间戳转换成多少时间之前函数的实例
2016/11/16 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
jquery下利用jsonp跨域访问实现方法
2010/07/29 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
JavaScript中的ParseInt("08")和“09”返回0的原因分析及解决办法
2016/05/19 Javascript
全面理解闭包机制
2016/07/11 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
JS数组求和的常用方法实例小结
2019/01/07 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
[47:42]完美世界DOTA2联赛PWL S2 GXR vs Ink 第一场 11.19
2020/11/20 DOTA
[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19
2020/12/24 DOTA
Python中super()函数简介及用法分享
2016/07/11 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
MySQL适配器PyMySQL详解
2017/09/20 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
Python类中的装饰器在当前类中的声明与调用详解
2020/04/15 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
通过HTML5 Canvas API绘制弧线和圆形的教程
2016/03/14 HTML / CSS
公务员培训心得体会
2013/12/28 职场文书
学雷锋演讲稿
2014/03/04 职场文书
募捐倡议书怎么写
2014/05/14 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
建国大业电影观后感
2015/06/01 职场文书
2019年新郎保证书3篇
2019/10/17 职场文书