Question

我希望中止一个Ajax请求，这是另一个函数例如：

var xhr = false;
$(function(e) {
     $(document).on('click', '.menue-button', function(e) {
         // Some JS
         xhr = $.ajax({
             type: "POST",
             url: index.php,
             //The ajax functions
          });
      });
});

$(document).on('click', '#progress-abort', function() {         
    xhr.abort();
});

调试器说：

未捕获的TypeError：无法读取属性＆＃39; abort＆＃39;未定义的

我知道为什么，但我不知道如何解决问题

Answer 1

尝试了以下内容：

var xhr = false;
$(function(e) {
 $(document).on('click', '.menue-button', function(e) {
     // Some JS
     xhr = $.ajax({
         type: "POST",
         url: index.php,
         //The ajax functions
      });
  $(document).on('click', '#progress-abort1', function() {
    xhr.abort();
  });

  $(document).on('click', '#progress-abort', function() {         
      $('#progress-abort1').trigger('click');
  });
});

但是'#progress-abort1没有触发。怎么了？

在其他功能中中止Ajax请求

1 个答案: