基于Vue中ajax公共方法的示例分析

小编给大家分享一下基于Vue中ajax公共方法的示例分析，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

成都创新互联公司主营吉木乃网站建设的网络公司,主营网站建设方案,成都APP应用开发,吉木乃h5小程序开发搭建,吉木乃网站营销推广欢迎吉木乃等地区企业咨询

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

/**
  * @param type 请求类型，分为POST/GET
  * @param url 请求url
  * @param contentType
  * @param headers
  * @param data
  * @returns {Promise}
  */
 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公共方法的示例分析”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

本文标题：基于Vue中ajax公共方法的示例分析
本文URL：http://scjbc.cn/article/pgscoj.html