$ajax请求挂起-chrome缓存问题

Question

还请查看底部的更新

我在Chrome中执行跨域jQuery.ajax GET REQUEST时确实遇到了一些问题。

战斗前等待的时间非常长(长达20秒)，而它在Firefox中运行良好。

我尝试了不同的技巧(例如启用异步)，但我无法做到。响应是一个json对象数组，并且不是很大(只有几个字节)。

问题似乎只出现在第一次通话中。我做了一个函数，再次执行请求。它由成功处理程序执行。在从最小12秒开始的第一次延迟之后，请求执行正常。

我已经尝试过不同版本的jQuery(因为我第一次使用2.0.3)。

我登录了服务器。正如想象的那样，OPTION请求在20秒内不会执行。不存在服务器问题。服务器根据延迟准确地识别命令，并执行GET方法。

对于加载的页面2014-01-11 14:59:00我的日志输出如下：

2014-01-11 14:59:14 - log.txt - "OPTIONS /unit/IO/*?_=1389452340572 HTTP/1.1" 200 -
2014-01-11 14:59:14 - log.txt - "GET /unit/IO/*?_=1389452340572 HTTP/1.1" 200 -
2014-01-11 14:59:14 - log.txt - "OPTIONS /unit/IO/*?_=1389452340573 HTTP/1.1" 200 -
2014-01-11 14:59:14 - log.txt - "GET /unit/IO/*?_=1389452340573 HTTP/1.1" 200 -

这是我的ajax调用：

$.ajax({
url: <<crossdomain>>,
type: 'GET',
contentType:'application/json',
async:true,
cache:false,
beforeSend: function (request)
{
request.setRequestHeader("Authorization", 'Basic ' + encodedData);
},         
success: function(response) {
alert(response)
}
});

请求标头(Chrome)：

Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:de-DE,de;q=0.8,en-US;q=0.6,en;q=0.4
Access-Control-Request-Headers:accept, authorization, content-type
Access-Control-Request-Method:GET
Cache-Control:max-age=0
Connection:keep-alive
DNT:1
Host:<<crossdomain>>
Origin:<<thisdomain>>
Referer:<<directpathonthisdomain>>
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36

响应标头(Chrome)：

Access-Control-Allow-Headers:Authorization
Access-Control-Allow-Headers:Accept
Access-Control-Allow-Headers:Content-Type
Access-Control-Allow-Headers:Accept-Language
Access-Control-Allow-Methods:POST, GET, OPTIONS
Access-Control-Allow-Origin:*
Cache-Control:no-cache
Content-Type:application/json
Date:Sat, 11 Jan 2014 13:28:32 GMT
Server:Python3.2

这是第一个呼叫的网络流量：

铬：

选项

DNS Lookup: 0 ms
Connecting: 3 ms
**Waiting: 17.44s**
Receiving 2 ms

获取

DNS Lookup: 0 ms
Connecting: 2 ms
Sending: 0 ms
Waiting: 46 ms
Receiving 1 ms

为了进行比较，Firefox日志：

选项

DNS Lookup: 0 ms
Waiting: 10 ms
Receiving 5 ms

获取

DNS Lookup: 0 ms
Waiting: 41 ms
Receiving 3 ms

编辑：如果我直接打开html文件(文件：///)而不是托管在本地/远程服务器上，则没有问题。

第2版：它在chrome隐身模式下工作-可能是缓存问题？

Answer 1

我也遇到了同样的问题。在我禁用Chrome高级设置中的"预测网络操作以提高页面加载性能"选项后，延迟消失了。

Answer 2

也许您可以将下一个标头添加到ajax请求中。

headers: {
"Cache-Control" : "no-cache, no-store, must-revalidate",
"Pragma": "no-cache",
"Expires", "0"
}