如何杀死旧的 jsonp 请求？

Question

我有一个使用 getJSON 的跨域长轮询请求，其回调如下所示：

$.getJSON("http://long-polling.com/some.fcgi?jsoncallback=?"
    function(data){
          if(data.items[0].rval == 1) {
            // update data in page
          }
    });

问题是对长轮询服务的请求可能需要一段时间才能返回，同时可能会发出另一个 getJSON 请求并更新该页面，即使它是一个陈旧的响应。

要求1： h**p://long-polling.com/some.fcgi 位于 上午 10:00

要求2： h**p://long-polling.com/some.fcgi？在 上午 10:01

Req1 返回并更新数据 该页面上午 10:02

我想要一种方法，如果 Req2 已经完成，则使 Req1 的返回无效。

谢谢！

Answer 1

我认为这不起作用，因为 getJSON 使用 JSONP 方法，该方法实际上是通过动态插入浏览器执行的脚本标签来工作的。我认为没有任何方法可以阻止浏览器执行脚本......有吗？

Answer 2

当您发出 ajax 请求时，它会返回 XMLHttpRequest 对象。如果您想中止调用，您可以调用它的.abort()方法。

var request = $.getJSON(. . . . . );
request.abort();

Answer 3

正如@NewToDB提到的，您无法取消jsonp请求（例如告诉浏览器停止尝试加载标签的src），但您可以实现一种机制，有效地忽略旧调用的返回数据。定义一个全局变量，每次进行 jsonp 调用时该变量都会递增，并将该变量的值作为参数传递给服务器。您还需要将计数器从服务器传回（我假设您也拥有服务器代码）。如果计数器的当前值不等于返回的计数器值，那么您就知道已经进行了另一个服务器调用，因此您可以忽略返回的数据。

// Global counter
var callCounter = 0;

...

$.getJSON("http://long-polling.com/some.fcgi?callCounter=" + (++callCounter) + "&jsoncallback=?"
    function(data){
          if(data.items[0].rval == 1 && data.callCounter == callCounter) {
            // update data in page
          }
    });

Answer 4

我使用全局变量来完成此类任务。这不是一个很好的方法，但却是最简单的一种。

if (typeof(myFooRequest) == 'object') {
  myFooRequest.abort();
  myFooRequest = false;
}
myFooRequest = $.get("/url", function(data) {
  // ...
});