jquery和axios异步请求重试

jquery和axios异步请求重试

简介

​ jQuery和Axios都是常用的JavaScript库，但它们的主要用途有所不同。

​ jQuery是一个广泛使用的JavaScript库，它的主要用途是简化网页开发中常见的DOM操作、事件处理、动画效果和Ajax请求等功能。它提供了简洁易用的API，可以让开发者更加方便地实现网页的交互效果和动态功能。jQuery通常用于传统的Web开发项目中，它已经存在了很长一段时间，被广泛应用于许多网站和应用中。

​ Axios是一个基于Promise的HTTP请求库，它的主要用途是在浏览器和Node.js环境下进行HTTP请求。它提供了简单易用的API，支持各种HTTP请求方法和数据格式，并支持拦截器、取消请求和失败重试等功能。Axios适用于开发现代Web应用程序和移动应用程序，因为它具有强大的异步支持和面向Promise的API。

​ 另外，jQuery和Axios在实现方式上也有一些不同。jQuery主要使用回调函数来处理异步请求的响应，而Axios则使用Promise来处理异步请求。这使得Axios在处理异步请求时更加清晰和易于维护。

综上所述，jQuery主要用于传统的Web开发项目中，Axios则适用于现代Web应用程序和移动应用程序开发。两者都有各自的优势和用途，需要根据具体的项目需求来选择使用哪种库。

jquery重试

$.ajax({
  url: "example.com/api",
  type: "POST",
  data: { foo: "bar" },
  retryLimit: 3, // 设置重试次数为3
  retryDelay: 1000, // 设置每次重试之间的延迟时间为1秒
  success: function(response) {
    console.log("请求成功");
  },
  error: function(xhr, textStatus, errorThrown) {
    console.log("请求失败：" + textStatus);
  }
});

axios重试

axios({
  method: 'get',
  url: 'https://example.com/api',
  retry: 3, // 设置重试次数为3
  retryDelay: 1000, // 设置每次重试之间的延迟时间为1秒
}).then(response => {
  console.log('请求成功', response.data)
}).catch(error => {
  console.log('请求失败', error.message)
})