如何执行顺序的ajax调用？

Question

我有一个按钮button1 ，一旦单击它就会重定向到URL www.first.com 。 该URL在其响应www.second.com包含另一个URL。 我使用ajax调用拦截请求，而不是重定向到www.first.com ，而是重定向到www.second.com 。 以下代码可以正常工作，并且可以完成我期望的工作：

document.getElementById("button1").addEventListener("click", function (e) {
  e.preventDefault();
  $.ajax({
    url: 'http://www.first.com',
    method: 'GET',
    crossDomain : true,
    success: function(response){
      //here I am redirected to www.second.com
      window.location.href = response;
     }
  });
});

我要执行另一个Ajax请求-将www.second.com authomaticaly www.second.com重定向到www.third.com 。 我不想对url做一些简单的字符串操作（假设我想将其更改为www.third2.com ），然后直接重定向到www.third2.com 。 我怎么做？ 我猜我需要另一个ajax调用，但是我不知道如何在完成第一个ajax之后按顺序运行。

发布到目前为止我已尝试过的内容以及未成功的内容：

success: function(response){
     $.ajax({
        url: response,
        method: 'GET',
        crossDomain : true,
        xhrFields: {
          withCredentials: false
        },
        success: function(result2){
          //it does not redirect to `google.com`; it still redirects to `www.second.com`
          result2 = "https://www.google.com/";
          window.location.href = result2;
          alert("This alert does not show");
        }
      });
      //maybe I have to remove this line? 
      window.location.href = response;
     },

Answer 1

您可以在第一个请求回调中简单地发出另一个ajax请求，如下所示：

document.getElementById("button1").addEventListener("click", function (e) {
  e.preventDefault();
  $.ajax({
    url: 'http://www.first.com',
    method: 'GET',
    crossDomain : true,
    xhrFields: {
      withCredentials: false
    },
    success: function(response){
      $.ajax({
        url: response,
        method: 'GET',
        crossDomain: true,
        xhrFields: {
          withCredentials: false
        }
      },
      success: function(response2){
        window.location.href = response2;
      });
    }
  });
});

虽然不是很漂亮，但是您可以使用例如promises获得更干净的代码。

Answer 2

需要说明的是，您没有拦截重定向。 单击按钮即可发出出站请求。 我只是指出这一点，以便我们说相同的语言。 因为，一旦获得辅助URL，就将重定向到该位置。

因此，您的答案取决于您实际要完成的工作。 如果您只是想使用返回的URL并对其发出另一个AJAX请求（并对其进行操作，重定向到它，或同时进行这两者），则只需将辅助请求嵌套在您的success函数中即可。

但是，如果您想重定向到第二个位置，然后进行后续请求，则更为复杂。 您必须确保由第二个URL表示的页面具有一个加载方法，该方法可以发出另一个AJAX请求或页面重定向，无论您要完成什么。 设置完window.location.href后（在获得第二个URL之后），浏览器将尝试重定向。 任何页面上的卸载事件都将是不可靠的，从浏览器到浏览器（以我的经验）。