$ajax request pending - chrome cacheing issue?

Question

please also check my updates on the bottom

I do have some problems performing a Cross-Domain jQuery.ajax GET REQUEST in Chrome.

The pre-fight is pending extremely long (up to 20seconds) while it works well in Firefox.

I tried different tips (e.g enabling async) but I can't manage that. The response is an json object array and not very large (only a few bytes).

The problem seems to be on the first call only. I made a function that performs the request again. Its executed by the success handler. After the first delay from min 12 seconds the request performs normal.

I already tried different versions of jQuery (as Iam using 2.0.3 for the first time).

I logged the server. As as imagined he OPTION request is not performed for up to 20s. There is no server issue. The server recognizes the command exactly according to the delay and performs the GET method .

For a Page loaded 2014-01-11 14:59:00 my log outputs following:

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 -

This is my ajax call:

$.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)
}
});

Request header (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

Respond header (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

This is the network traffic for the first call:

Chrome:

OPTION

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

GET

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

For comparison the Firefox log:

OPTION

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

GET

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

EDIT: There is no issue if Iam opening the html file directly (file:///) and not hosted on a local/remote server.

EDIT 2: It works in chrome incognito mode - may a caching issue?

I am also experiencing this problem. And it works fine in Incognito and Firefox like you said. I hope someone can offer an explanation/solution. — kevinAlbs
– kevinAlbs, Commented Feb 16, 2014 at 21:37
Hi Kevin, i still looking for a solution. The issue also occurs in the latest Canary Build of Chrome. — user1532132
– user1532132, Commented Feb 27, 2014 at 10:02
Have you already found a solution? I even tried a plain XMLHttpRequest() -> same result — user1532132
– user1532132, Commented Mar 17, 2014 at 16:42
Unfortunately no, I've just been using chrome in incognito as a workaround. — kevinAlbs
– kevinAlbs, Commented Mar 19, 2014 at 19:20

Garret Alfert · Accepted Answer · 2014-06-09 11:25:50Z

7

I had the same problem. After I disabled the option "Predict network actions to improve page load performance" in Chrome's advanced settings the delay was gone.

answered Jun 9, 2014 at 11:25

Garret Alfert

911 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Brandon · Accepted Answer · 2014-06-26 14:53:20Z

0

Maybe you can add the next headers to your ajax request.

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

edited Jun 26, 2014 at 14:53

Brandon

70.3k32 gold badges202 silver badges227 bronze badges

answered May 28, 2014 at 20:23

gustavo.a.hansen

1564 bronze badges

Collectives™ on Stack Overflow

$ajax request pending - chrome cacheing issue?

2 Answers 2

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Your Answer

Sign up or log in

Post as a guest

Related