当前位置: 首页 > 编程笔记 >

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

南宫炜
2023-03-14
本文向大家介绍Vue resource中的GET与POST请求的实例代码,包括了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请求

functhtml" target="_blank">ion 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) => {
 //这里处理失败回调
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 问题内容: 我在使用OAuth编写的应用程序中使用了许多HTTP请求。目前,我以相同的方式发送GET和POST请求: 这工作正常。我成功地发布和获取。但是,我担心我没有正确执行POST。我需要在上面的代码中包含以下if语句吗? 如果是这样,为什么?有什么不同?我将不胜感激任何反馈。 谢谢! 问题答案: 内容类型必须与的 实际 格式匹配。仅当内容类型实际经过url编码时,才需要内容类型。例如,您对P

  • 本文向大家介绍NodeJS收发GET和POST请求的示例代码,包括了NodeJS收发GET和POST请求的示例代码的使用技巧和注意事项,需要的朋友参考一下 本文介绍了NodeJS收发GET和POST请求的示例代码,分享给大家,也给自己留个笔记 一 express框架接收 二 接收Get 1. get参数在req.url上 2. 使用url.parse将数据由字符串转变为obj index.js:

  • 本文向大家介绍Python post请求实现代码实例,包括了Python post请求实现代码实例的使用技巧和注意事项,需要的朋友参考一下 使用post请求登陆小极客网 1、获取登陆接口,及用户名和密码参数   进入小极客网,先注册个账户,修改用户名和密码,然后点击登陆,打开debug调试-进入到network下   输入用户名和密码,点击登陆   如下图:获得登陆接口:http://www.xi

  • 本文向大家介绍Java 发送http请求(get、post)的示例,包括了Java 发送http请求(get、post)的示例的使用技巧和注意事项,需要的朋友参考一下 1.情景展示   java发送get请求、post请求(form表单、json数据)至另一服务器;   可设置HTTP请求头部信息,可以接收服务器返回cookie信息,可以上传文件等;  2.代码实现 所需jar包:httpcore

  • 主要内容:获取GET请求内容,实例,实例,获取 POST 请求内容,基本语法结构说明,实例在很多场景中,我们的服务器都需要跟用户的浏览器打交道,如表单提交。 表单提交到服务器一般都使用 GET/POST 请求。 本章节我们将为大家介绍 Node.js GET/POST请求。 获取GET请求内容 由于GET请求直接被嵌入在路径中,URL是完整的请求路径,包括了?后面的部分,因此你可以手动解析后面的内容作为GET请求的参数。 node.js 中 url 模块中的 parse 函数提供了这个

  • 在很多场景中,我们的服务器都需要跟用户的浏览器打交道,如表单提交。 表单提交到服务器一般都使用 GET/POST 请求。 本章节我们将为大家介绍 Node.js GET/POS T请求。 获取GET请求内容 由于GET请求直接被嵌入在路径中,URL是完整的请求路径,包括了?后面的部分,因此你可以手动解析后面的内容作为GET请求的参数。 node.js 中 url 模块中的 parse 函数提供了这

  • 本文向大家介绍jQuery Ajax 实例代码 ($.ajax、$.post、$.get),包括了jQuery Ajax 实例代码 ($.ajax、$.post、$.get)的使用技巧和注意事项,需要的朋友参考一下 $.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一、$.ajax的一般格式 二、$.ajax的参数描述 参数 描述 url 必需

  • 问题内容: 谁能给我指出发送GET和POST请求的一种很好的实现方式。他们有很多方法可以做到这些,我正在寻找最佳的实现方式。其次,有一种通用的方法可以发送这两种方法,而不是使用两种不同的方法。毕竟,GET方法仅在查询字符串中具有参数,而POST方法使用这些参数的标头。 谢谢。 问题答案: 您可以使用该类(在java.net中)发送POST或GET HTTP请求。它与可能要发送HTTP请求的任何其他