基于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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
Mar 10 Javascript
什么是 AngularJS?AngularJS简介
Dec 06 Javascript
JS实现超简单的仿QQ折叠菜单效果
Sep 21 Javascript
Jquery实现简单的轮播效果(代码管用)
Mar 14 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
Jun 21 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
Oct 15 Javascript
webpack4 css打包压缩问题的解决
May 18 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
vue-froala-wysiwyg 富文本编辑器功能
Sep 19 Javascript
JavaScript获取页面元素的常用方法详解
Sep 28 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 28 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生成excel文件的简单方法
2014/02/08 PHP
PHPThumb图片处理实例
2014/05/03 PHP
php实现简单的MVC框架实例
2015/09/23 PHP
PHP chr()函数讲解
2019/02/11 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
2013/04/08 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
javascript右下角弹层及自动隐藏(自己编写)
2013/11/20 Javascript
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
js实现可以点击收缩或张开的悬浮窗
2017/09/18 Javascript
Python中__init__和__new__的区别详解
2014/07/09 Python
使用Python抓取模板之家的CSS模板
2015/03/16 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
详解Python列表赋值复制深拷贝及5种浅拷贝
2019/05/15 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
python设置代理和添加镜像源的方法
2020/02/14 Python
详解python环境安装selenium和手动下载安装selenium的方法
2020/03/17 Python
Python ArgumentParse的subparser用法说明
2020/04/20 Python
手对手的教你用canvas画一个简单的海报的方法示例
2018/12/10 HTML / CSS
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
文职个人求职信范文
2013/09/23 职场文书
房地产融资计划书
2014/01/10 职场文书
党员公开承诺践诺书
2014/03/25 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
部队2015年终工作总结
2015/04/02 职场文书
幼儿园新生开学寄语
2015/05/27 职场文书
运动会200米广播稿
2015/08/19 职场文书
详解JavaScript中Arguments对象用途
2021/08/30 Javascript
苹果电脑mac os中货币符号快捷输入
2022/02/17 杂记