jq 工作中常用代码封装之----ajax封装路由

最新推荐文章于 2022-03-17 19:32:06 发布

原创最新推荐文章于 2022-03-17 19:32:06 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #jquery

前端同时被 2 个专栏收录

35 篇文章

订阅专栏

26 篇文章

订阅专栏

本文主要介绍在日常工作中如何使用jQuery进行Ajax请求的封装，重点讲解了路由封装的概念和实现，帮助提升代码的复用性和组织性。

路由封装

api = function (params) {
  return new Promise((resolve, reject) => {
    $.ajax({
      url: params.url, //路由
      data: params.data || '', // 传参
      type: params.type ? params.type : 'post', // 发送方式，不传默认post
      success: function (res) {
        resolve(res)
      },
      fail: function(err) {
        reject(err)
      }
    });
  })
}

应用

api({
  url: 'https://******/qq_17108919',
  data: {
    name: ''
  },
  type: 'get'
}).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
}).finally(() => { // 不管成功失败
  console.log('不管成功失败')
})