javascript - Ajax延迟请求

Question

我的行为很奇怪，

我在第一次调用后连续调用ajax，第一个是在下拉选择上，另一个是在延迟上连续调用，第一个在从下拉列表中选择城市后调用，我将该值存储在全局变量中，

$('.selectCity').change(function () {
    var city = $(this).val();
    ...
    ...

然后我在 ajax 调用中使用该city，如下所示:

var timer, delay = 3000;

timer = setInterval(function(){
    $.ajax({
    type: 'GET',
    url: '/riders/location/track',
    data: {
       'city': city
    },
    ...
    ...
    ...

当我选择一个城市时，假设伦敦，然后延迟ajax请求调用，结果符合预期，

但是当我再次选择另一个城市时，比如说波士顿，那么延迟方法会调用两次伦敦，另一个波士顿 >，这应该只需要波士顿。

Answer 1

您的问题是，您为每个城市更改定义了一个间隔，但在城市更改后没有清除它，因此您得到了累积的间隔。

setInterval(callback, ms)

Schedules callback to be called repeatedly every ms milliseconds. Any additional arguments are passed straight through to the callback.

如果您只想延迟 Ajax 请求一次，则应使用 setTimeout api。