1

I have a problem with an AJAX call in JQuery. It works on Chrome, FF, and Safari, but not IE. In fact in IE nothing happens at all, no errors, no data loaded.

Here is the code:

    $(document).ready(function() {

     $.ajaxSetup({ cache: false });

        $.get("ShoppingCart2.aspx", { }, function(data) {
           //query the jq object for the values

        alert(data);       
        alert($(data).find('#Items').text());


        var intI = parseInt(($(data).find('#Items').html()));

With the alert data I find all the data from the page I am making a call from, but unfortunately my data.find methods pull up null for IE. I'm not sure if it's the code or the browser, but I am really stuck. Thank you for the help.

Edit: I did add in the cache: false command, but still I have no luck. I really cannot understand why this won't work in IE.

Sumurai8
  • 20,333
  • 11
  • 66
  • 100
Daniel
  • 143
  • 1
  • 8
  • If it's a cache issue, it won't be resolved with JavaScript only, you need to actually have server access and modify the outgoing headers to please IE, http://stackoverflow.com/questions/3288500/unable-to-change-session-variable-through-ajax-in-ie/ Otherwise you get a lot of 304 from the server, despite you modified the url with some random data. Since the actual message body has not been modified. – Anders Jul 26 '10 at 13:14
  • I tried doing this but it didn't work. I'm really curious too as to why my alert(data); would pull up all the data on the webpage I'm pulling information from, but then why my data.find isn't working...would this be a cache issue, since I can pull up the actual html of the whole page with alert(data); ? – Daniel Jul 26 '10 at 13:34

4 Answers4

2

Try this (once in your page/external js, before your AJAX calls):

$.ajaxSetup({ cache: false });

IE likes to cache the hell out of things, and if you were testing and had no content there at one point, chances are IE is holding onto it. Using $.ajaxSetup() and and telling it by default to not cache AJAX results should resolve this. If you're curious, it's sticking a timestamp on the URL as a cache breaker under the covers, use fiddler to see this happening.

Nick Craver
  • 623,446
  • 136
  • 1,297
  • 1,155
0

Is it perhaps caching the AJAX? What happens if you put this before your code:

$.ajaxSetup({ cache:false });
Dan
  • 5,692
  • 3
  • 35
  • 66
0

A quick solution without coding it could be to press CTR+F5 to clear the cache upon refresh.

Liam Spencer
  • 936
  • 1
  • 11
  • 25
0

Well I was unable to make the .find part of the .get work in internet explorer, but I did find a way to get the ajax information I needed:

var information = $.ajax({ type: "GET", dataType: "html", url: "ShoppingCart2.aspx", data: querystring, async: false }).responseText + " ";

This passes a query string to the website then gets information from the website back into one big string. I then manipulated that string to get what I needed. Unfortunately it is a lot slower than the .get command, but it is a fix.

Thanks for the help everyone!

Daniel
  • 143
  • 1
  • 8