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中的Window窗口对象
Jan 16 Javascript
jQuery对象与DOM对象之间的转换方法
Apr 15 Javascript
在网页中使用document.write时遭遇的奇怪问题
Aug 24 Javascript
自己动手开发jQuery插件教程
Aug 25 Javascript
javascript对象的使用和属性操作示例详解
Mar 02 Javascript
JS制作简单的三级联动
Mar 18 Javascript
bootstrap读书笔记之CSS组件(上)
Oct 17 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 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
如何开始收听短波广播
2021/03/01 无线电
晶体管单管来复再生式收音机
2021/03/02 无线电
PHP 函数学习简单小结
2010/07/08 PHP
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
PHP变量内存分配问题记录整理
2013/11/27 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
由JavaScript中call()方法引发的对面向对象继承机制call的思考
2011/09/12 Javascript
一个简单的瀑布流效果(主体形式自写)
2013/05/27 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
2013/06/21 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
2015/11/25 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
React-Native使用Mobx实现购物车功能
2017/09/14 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
python 类详解及简单实例
2017/03/24 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
python3 中使用urllib问题以及urllib详解
2020/08/03 Python
浅析HTML5 meta viewport参数
2020/10/28 HTML / CSS
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
Unix如何添加新的用户
2014/08/20 面试题
餐饮业创业计划书范文
2014/01/06 职场文书
大学生志愿者感言
2014/01/15 职场文书
《猫》教学反思
2014/02/26 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
2014年节能降耗工作总结
2014/12/11 职场文书
写给老师的保证书
2015/05/09 职场文书
本科毕业答辩开场白
2015/05/27 职场文书
python中__slots__节约内存的具体做法
2021/07/04 Python
PHP正则表达式之RCEService回溯
2022/04/11 PHP
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python