全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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 


相关文章: 网站制作软件有哪些,制图软件有哪些?  网站制作的步骤包括,正确网址格式怎么写?  湖北网站制作公司有哪些,湖北清能集团官网?  广州营销型建站服务商推荐:技术优势与SEO优化解析  兔展官网 在线制作,怎样制作微信请帖?  如何撰写建站申请书?关键要点有哪些?  建站OpenVZ教程与优化策略:配置指南与性能提升  如何在云服务器上快速搭建个人网站?  如何在Windows环境下新建FTP站点并设置权限?  c# 在高并发下使用反射发射(Reflection.Emit)的性能  浅谈Javascript中的Label语句  建站之星如何优化SEO以实现高效排名?  网站制作和推广的区别,想自己建立一个网站做推广,有什么快捷方法马上做好一个网站?  内网网站制作软件,内网的网站如何发布到外网?  如何配置FTP站点权限与安全设置?  招贴海报怎么做,什么是海报招贴?  建站之星与建站宝盒如何选择最佳方案?  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?  大学网站设计制作软件有哪些,如何将网站制作成自己app?  html制作网站的步骤有哪些,iapp如何添加网页?  建站一年半SEO优化实战指南:核心词挖掘与长尾流量提升策略  宝塔面板创建网站无法访问?如何快速排查修复?  如何快速生成专业多端适配建站电话?  如何安全更换建站之星模板并保留数据?  如何规划企业建站流程的关键步骤?  如何快速生成高效建站系统源代码?  网站建设制作、微信公众号,公明人民医院怎么在网上预约?  大连网站制作公司哪家好一点,大连买房网站哪个好?  如何快速登录WAP自助建站平台?  北京营销型网站制作公司,可以用python做一个营销推广网站吗?  如何实现建站之星域名转发设置?  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  外贸公司网站制作,外贸网站建设一般有哪些步骤?  建站之星后台管理:高效配置与模板优化提升用户体验  如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?  如何通过西部数码建站助手快速创建专业网站?  如何快速搭建高效WAP手机网站?  建站主机SSH密钥生成步骤及常见问题解答?  C++中的Pimpl idiom是什么,有什么好处?(隐藏实现)  香港服务器网站卡顿?如何解决网络延迟与负载问题?  制作网站公司那家好,网络公司是做什么的?  香港服务器部署网站为何提示未备案?  如何基于云服务器快速搭建网站及云盘系统?  建站之星安装失败:服务器环境不兼容?  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱?  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么?  建站之星后台管理如何实现高效配置?  已有域名如何免费搭建网站?  网站制作公司排行榜,四大门户网站排名?  SQL查询语句优化的实用方法总结 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。