这次给大家带来Vue怎么进行ajax请求公共方法，Vue进行ajax请求公共方法的注意事项有哪些，下面就是实战案例，一起来看一下。
为了减少代码的冗余，小编给大家推荐一篇介绍了决定抽离出请求ajax的公共方法的文章，供大家参考。
我使用了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); }) }
登录后复制
测试通过！
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
Angular17里的自定义指令使用详解
JS里EventLoop的使用详解
vue+cli单页面脚手架转换多页面脚手架的方法
以上就是Vue怎么进行ajax请求公共方法的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2772958.html
