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 相关文章推荐
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
原生js制作日历控件实例分享
Apr 06 Javascript
js实现商品抛物线加入购物车特效
Nov 18 Javascript
原生js简单实现放大镜特效
May 16 Javascript
JS库之wow.js使用方法
Sep 14 Javascript
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
用Golang运行JavaScript的实现示例
Nov 25 Javascript
详解Vue 单文件组件的三种写法
Feb 19 Javascript
详解webpack-dev-middleware 源码解读
Mar 23 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
vue+elementUI实现表格列的显示与隐藏
Apr 13 Vue.js
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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
非常好用的Zend Framework分页类
2014/06/25 PHP
PHP开启opcache提升代码性能
2015/04/26 PHP
PHP递归获取目录内所有文件的实现方法
2016/11/01 PHP
PHP实现的解汉诺塔问题算法示例
2018/08/06 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
JS基于贪心算法解决背包问题示例
2017/11/27 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
vue 解决文本框被键盘遮住的问题
2019/11/06 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python3中正则模块re.compile、re.match及re.search函数用法详解
2018/06/11 Python
使用python Fabric动态修改远程机器hosts的方法
2018/10/26 Python
Python秒算24点实现及原理详解
2019/07/29 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
2019/08/09 Python
解决TensorFlow训练内存不断增长,进程被杀死问题
2020/02/05 Python
解决更改AUTH_USER_MODEL后出现的问题
2020/05/14 Python
详解python变量与数据类型
2020/08/25 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
金士达面试非笔试
2012/03/14 面试题
大气污染防治方案
2014/05/19 职场文书
庆祝国庆节标语
2014/10/09 职场文书
2014年售票员工作总结
2014/11/19 职场文书
前台文员岗位职责
2015/02/04 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
2019各种承诺书范文
2019/06/24 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书