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

前言：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) => {
 //这里处理失败回调
});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # resource  # 请求  # vueresource  # post请求  # get请求  # vue如何从接口请求数据  # vue.js实现请求数据的方法示例  # vue 请求后台数据的实例代码  # vue resource post请求时遇到的坑  # vue配置请求本地json数据的方法  # vue2.0 自定义组件的方法（vue组件的封装）  # 基于Vue如何封装分页组件  # 在vue中封装可复用的组件方法  # vue移动端微信授权登录插件封装的实例  # vue实现的请求服务器端API接口示例  # 回调  # 过程中  # 大家多多  # 说过了  # 实现了  # 文档  # 拦截器  # Firefox  # URI  # Templates  # interceptoers  # Chrome  # KB  # gzipped  # Safari  # Opera  # interceptors  # message  # POST 

相关文章： 如何快速选择适合个人网站的云服务器配置？  如何在万网开始建站？分步指南解析  如何使用Golang安装API文档生成工具_快速生成接口文档  魔方云NAT建站如何实现端口转发？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  深圳网站制作培训,深圳哪些招聘网站比较好？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  如何用腾讯建站主机快速创建免费网站？  全景视频制作网站有哪些,全景图怎么做成网页？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  如何快速打造个性化非模板自助建站？  专业商城网站制作公司有哪些,pi商城官网是哪个？  如何在阿里云高效完成企业建站全流程？  为什么Go需要go mod文件_Go go mod文件作用说明  教学论文网站制作软件有哪些,写论文用什么软件 ？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  ,有什么在线背英语单词效率比较高的网站？  建站之星北京办公室：智能建站系统与小程序生成方案解析  C++用Dijkstra(迪杰斯特拉)算法求最短路径  如何快速使用云服务器搭建个人网站？  如何基于PHP生成高效IDC网络公司建站源码？  海南网站制作公司有哪些,海口网是哪家的？  已有域名和空间，如何快速搭建网站？  威客平台建站流程解析：高效搭建教程与设计优化方案  建站之星如何助力网站排名飙升？揭秘高效技巧  如何通过商城自助建站源码实现零基础高效建站？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  c# 服务器GC和工作站GC的区别和设置  微信小程序 input输入框控件详解及实例（多种示例）  网页设计网站制作软件,microsoft office哪个可以创建网页？  如何基于云服务器快速搭建网站及云盘系统？  如何在Windows环境下新建FTP站点并设置权限？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  建站之星安装路径如何正确选择及配置？  定制建站方案优化指南：企业官网开发与建站费用解析  如何在搬瓦工VPS快速搭建网站？  如何在Golang中指定模块版本_使用go.mod控制版本号  如何在IIS中新建站点并配置端口与IP地址？  网站按钮制作软件,如何实现网页中按钮的自动点击？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  家庭服务器如何搭建个人网站？  如何通过免费商城建站系统源码自定义网站主题与功能？  如何将凡科建站内容保存为本地文件？  如何挑选高效建站主机与优质域名？  如何通过虚拟机搭建网站？详细步骤解析  怎么将XML数据可视化 D3.js加载XML  香港服务器网站卡顿？如何解决网络延迟与负载问题？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  建站之星后台密码遗忘或太弱？如何重置与强化？