jq中ajax封装为promise

最新推荐文章于 2022-03-14 19:40:27 发布

原创最新推荐文章于 2022-03-14 19:40:27 发布 · 341 阅读

2 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个简单的使用jQuery AJAX实现连续请求的方法。通过Promise可以优雅地处理异步操作，确保一个请求成功后再发起下一个请求。文章提供了具体的JavaScript代码示例，展示了如何发起GET请求并处理返回的数据。

function request(method, url, data) {
      return new Promise((resolve, reject) => {
        $.ajax({
          type: method,
          url,
          data,
          dataType: "json",
          success: (res) => {
            resolve(res)
          },
          error: (err) => {
            reject(err)
          }
        })
      })
    }
    
request('get', 'https://autumnfish.cn/search?keywords=有何不可').then((res) => {
	console.log(res); // 请求结果
	return request('get', 'https://www.xxx.com') // 启动第二个请求（返回promise）
}).then((res) => {
 	console.log(res);
})