基于Vue的ajax公共方法(详解)


Posted in Javascript onJanuary 20, 2018

为了减少代码的冗余,决定抽离出请求ajax的公共方法,供同事们使用。

我使用了ES6语法,编写了这个方法。

/**
  * @param type 请求类型,分为POST/GET
  * @param url 请求url
  * @param contentType
  * @param headers
  * @param data
  * @returns {Promise<any>}
  */
 ajaxData: function (type, url, contentType, headers, data) {
  return new Promise(function(resolve) {
   $.ajax({
    type: type,
    url: url,
    data: data,
    timeout: 30000, //超时时间:10秒
    headers: headers,
    success: function(data) {
     resolve(data);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
     resolve(XMLHttpRequest);
    }
   });
  });
 }

通过回调函数的方式返回请求结果。

测试代码如下:

getAjaxDataMethod: function () {
    const url = "";
    const type = "POST";
    const contentType = "application/json";
    const headers = {};
    const data = {};
    Api.ajaxData(type, url, contentType, headers, data).then(function (res) {
     console.log(res);
    }).catch(function (err) {
     console.log(err);
    })
   }

测试通过!

以上这篇基于Vue的ajax公共方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript基本对象
Jan 11 Javascript
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
Aug 03 Javascript
在UpdatePanel内jquery easyui效果失效的解决方法
Apr 11 Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 Javascript
js获取html文件的思路及示例
Sep 17 Javascript
node.js使用nodemailer发送邮件实例
Mar 10 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
Apr 16 Javascript
js自调用匿名函数的三种写法(推荐)
Aug 19 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
浅谈Redux中间件的实践
Jul 27 Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 #Javascript
Angular2整合其他插件的方法
Jan 20 #Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 #Javascript
javascript数组拍平方法总结
Jan 20 #Javascript
node.js文件上传重命名以及移动位置的示例代码
Jan 19 #Javascript
详解Node.js模板引擎Jade入门
Jan 19 #Javascript
JS实现碰撞检测的方法分析
Jan 19 #Javascript
You might like
php桌面中心(三) 修改数据库
2007/03/11 PHP
php中对xml读取的相关函数的介绍一
2008/06/05 PHP
php实现搜索类封装示例
2016/03/31 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
php使用变量动态创建类的对象用法示例
2017/02/06 PHP
JQuery中关于jquery.js与jquery.min.js的比较探讨
2013/05/15 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
JS实用的动画弹出层效果实例
2015/05/05 Javascript
jQuery的事件委托实例分析
2015/07/15 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
jQuery实现级联下拉框实战(5)
2017/02/08 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
js实现延迟加载的几种方法详解
2019/01/19 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
webpack安装配置与常见使用过程详解(结合vue)
2020/06/01 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
python去除字符串中的换行符
2017/10/11 Python
python3大文件解压和基本操作
2017/12/15 Python
Python实现的多进程和多线程功能示例
2018/05/29 Python
python实现ID3决策树算法
2018/08/29 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
python bluetooth蓝牙信息获取蓝牙设备类型的方法
2019/11/29 Python
Python学习笔记之装饰器
2020/08/06 Python
python 线程的五个状态
2020/09/22 Python
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
读书月活动方案
2014/05/22 职场文书
企业挂职心得体会
2014/09/10 职场文书
房产证明范本
2015/06/19 职场文书
CSS3实现指纹特效代码
2022/03/17 HTML / CSS
Nginx配置之禁止指定IP访问
2022/05/02 Servers
delete in子查询不走索引问题分析
2022/07/07 MySQL