基于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的alert box在java中如何显示多行
May 18 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
使用JavaScript获取URL中的参数(两种方法)
Nov 16 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
Feb 20 Javascript
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
微信小程序实现联动选择器
Feb 15 Javascript
JavaScript中关于base64的一些事
May 06 Javascript
Vue监听滚动实现锚点定位(双向)示例
Nov 13 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
Vue使用screenfull实现全屏效果
Sep 17 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实现的多彩标签效果代码分享
2014/08/21 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
php实现面包屑导航例子分享
2015/12/19 PHP
些很实用且必用的小脚本代码
2006/06/26 Javascript
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
jquery 年会抽奖程序
2011/12/22 Javascript
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
IE的fireEvent方法概述及应用
2013/02/22 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
使用jQuery重置(reset)表单的方法
2014/05/05 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
JQuery实现Ajax加载图片的方法
2015/12/24 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
JS实现的ajax和同源策略(实例讲解)
2017/12/01 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
Nuxt的路由动画效果案例
2020/11/06 Javascript
Python中使用partial改变方法默认参数实例
2015/04/28 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
浅谈在JupyterNotebook下导入自己的模块的问题
2020/04/16 Python
幼儿园中秋节活动方案2013
2014/01/29 职场文书
单位工程竣工验收方案
2014/03/16 职场文书
购房协议书范本(无房产证)
2014/10/07 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
2016幼儿园新学期寄语
2015/12/03 职场文书
Python装饰器的练习题
2021/11/23 Python
vue+iview实现手机号分段输入框
2022/03/25 Vue.js
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers