无法读取未定义的属性“中止”

时间:2019-09-18 10:29:01

标签: jquery ajax

每次用户键入输入时,我都会使用$.get jquery函数。 我的功能看起来像这样

function checkField(va) {
    $.get(
        '/admin-tool',
        {
            ctrl : 'checker',
            value : va
        },
        function(d) {
            if($('.answer',d).text() != '1') {
                $('.main h1').text('Something went wrong, Read the instructions carefuly');
            }
    });
}

我需要使用abort()函数来防止先前的调用在最后一次调用之后结束他的xhr。

所以我做到了

 var xhrcall;
 function checkField(va) {
  xhrcall.abort();
    xhrcall = $.get(
        [...]
    });
}

但是我走错了

  

无法读取未定义的属性“中止”

当然还没有定义,但是ajax函数甚至不再触发。

我在这里误会了吗?

1 个答案:

答案 0 :(得分:2)

我已经为您的代码提供了一些注释。请检查一下。

var xhrcall; // no value assigned here and probably nowhere else -> undefined!

function checkField(va) {
  xhrcall.abort(); // so this line causes the error and I believe JS execution stops here!!
  xhrcall = $.get(
    [...]
  });
}

如果您想执行$.get,请尝试执行此操作(基本上,只有在xhrcall已初始化的情况下,调用abort()):

function checkField(va) {
  if (xhrcall)  { 
    xhrcall.abort(); 
  }
  xhrcall = $.get(
    [...]
  });
}

Happy Hacking:)