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 相关文章推荐
通过JAVAScript实现页面自适应
Jan 19 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
购物车前端开发(jQuery和bootstrap3)
Aug 27 Javascript
jQuery ajaxForm()的应用
Oct 14 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
jQuery图片拖动组件Dropzone用法示例
Jan 17 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
Apr 28 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
Oct 20 Javascript
小程序绑定用户方案优化小结
May 15 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 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
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
php 获取完整url地址
2008/12/20 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
PHP常见数组排序方法小结
2018/08/20 PHP
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
2014/03/18 Javascript
jquery使用$(element).is()来判断获取的tagName
2014/08/24 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
nodejs个人博客开发第五步 分配数据
2017/04/12 NodeJs
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
Vue学习笔记进阶篇之函数化组件解析
2017/07/21 Javascript
React Native 集成jpush-react-native的示例代码
2017/08/16 Javascript
深入理解Node module模块
2018/03/26 Javascript
AngularJS实现的base64编码与解码功能示例
2018/05/17 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
使用Python3制作TCP端口扫描器
2017/04/17 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
解决PyCharm IDE环境下,执行unittest不生成测试报告的问题
2020/09/03 Python
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
Chicco婴儿用品美国官网:汽车座椅、婴儿推车、高脚椅等
2018/11/05 全球购物
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
亚洲航空公司官方网站:AirAsia
2019/11/25 全球购物
shell变量的作用空间是什么
2013/08/17 面试题
学校后勤人员职责
2013/12/27 职场文书
大学生作弊检讨书
2014/02/19 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
大客户经理岗位职责
2015/04/09 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
房产遗嘱范本
2015/08/06 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
javascript代码简写的几种常用方式汇总
2021/08/23 Javascript