是否可以在單擊事件上執行嵌套的 ajax？

Question

我在我的代碼中使用嵌套的 ajax 並希望通過單擊按鈕來執行它。 但是當我嘗試添加任何事件偵聽器內部 ajax 永遠不會成功。 當我刪除點擊事件或事件偵聽器時，它工作正常。

$("#Id1").click(function() {
  $.ajax({
    url: 'url1',
    type: 'get',
    data: {
      method: 'method1',
      id: id1
    },
    datatype: 'json',
    success: function(a) {
      console('ajax1');
      if (a == 1) {
        $.ajax({
          url: 'url2',
          type: 'post',
          data: {
            arg1: p,
            arg2: q
          },
          datatype: 'json',
          success: function(b) {
            console('ajax2');
          }
        }
        else {
          alert('hello');
        }
      }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

此代碼失敗並且永遠不會執行內部 ajax 的成功部分。 而下面提到的代碼工作正常。

$.ajax({
  url: 'url1',
  type: 'get',
  data: {
    method: 'method1',
    id: id1
  },
  datatype: 'json',
  success: function(a) {
    console('ajax1');
    if (a == 1) {
      $.ajax({
        url: 'url2',
        type: 'post',
        data: {
          arg1: p,
          arg2: q
        },
        datatype: 'json',
        success: function(b) {
          console('ajax2');
        }
      }
      else {
        alert('hello');
      }
    }
  });

有人可以幫我嗎？ 我對 ajax 和 javascript 非常陌生。 我嘗試將錯誤和失敗放在第二個 ajax 中，但它沒有進入該回調。

Answer 1

我只是這樣做：

$("#Id1").click(function(e) {
e.preventDefault();
$.ajax({
url: 'url1',
type: 'get',
data: {
  method: 'method1',
  id: id1
},
datatype: 'json',
success: function(a) {
  console('ajax1');
  if (a == 1) {
    $.ajax({
      url: 'url2',
      type: 'post',
      data: {
        arg1: p,
        arg2: q
      },
      datatype: 'json',
      success: function(b) {
        console('ajax2');
      }
    }
    else {
      alert('hello');
    }
  }
});

});