Question

22

Strange AJAX bug with IE 11

rated 0 times [ 29] [ 7] / answers: 1 / hits: 41438 / 11 Years ago, tue, november 26, 2013, 12:00:00

I'm currently working on a purely HTML and JavaScript driven web app that uses CORS for consuming a remote web service but currently having trouble with IE 11 making a GET request. The funny thing is we've got it working fine in IE8/9/10 just not 11.

The problem is that IE 11 appears to timeout and not wait for a response from the server. The ajax call is simply:

$.ajax(url, {

    dataType: 'json',

    complete: complete,

    type: 'GET',

    global: true,

    success: success,

    crossDomain: true,

    xhrFields: {

        withCredentials: true

    }

});

In the network tab and using Fiddler I can see IE never even sends the request.

Does anyone have any ideas please?

EDIT: I forgot to mention I've already tried cache: false. I've also found something very strange in that if I switch document mode in dev tools from Edge to 9 then back again the call works everytime, even after I've cleared IE and restarted it, whether cache is true or false. Very bizarre. :

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

montana

Add To Favorites

Follow

Total Points: 675

Total Questions: 86

Total Answers: 102

Location: Mali

Member since Fri, Dec 3, 2021

3 Years ago

montana questions

1 How to mock react custom hook return value as a module with Jest

Fri, Apr 1, 22, 00:00, 2 Years ago

1 Bootstrap 4 switch change event will not work

Sat, Sep 19, 20, 00:00, 4 Years ago

1 can't use useState with typescript (Cannot find name 'useState')

Thu, Mar 19, 20, 00:00, 4 Years ago

1 How to mock a service in Jest with JavaScript?

Fri, Jan 31, 20, 00:00, 4 Years ago

1 Puppeteer - Async function in evaluate method throws error

Thu, Sep 12, 19, 00:00, 5 Years ago

View All

answered 11 Years ago micheleb · Accepted Answer

IE is famous for caching. Make sure you are not getting a cached response. You can either set the cache property value to false or add a unique timestamp to the url so that it will not be a cached response. You may use the $.now() method to get a unique timestamp.

Setting the cache property

$.ajax(url, {

    dataType: 'json',

    cache : false,

    //Other things ...

}

Adding a unique timestamp to URL

var url=somePage.php?+$.now();

//Use this url now for making the ajax call

The $.now() method is a shorthand for the number returned by the expression (new Date).getTime()