Question

I’m using the flickr api to create a simple gallery based on images pulled in by their tag.

The gallery is working fine in every browser except ie6. When you navigate to the page (by clicking a link) in ie6, the $.ajax success/error code blocks refuse to fire, however when the page is reloaded, or navigated to directly (by entering a url) there are no problems.

$.ajax({
 type: "GET",
    url: "http://api.flickr.com/services/rest/?&method=flickr.photos.search&api_key=" + api_key + "&user_id=" + user_id + "&tags=" + tags + "&format=json&jsoncallback=?",
    cache: false,
    dataType: "jsonp",
    contentType: "application/json; charset=utf-8",
    success: function(data) {
        alert('good');
    },
    timeout: 2000,
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert(textStatus);
    }
});

The above code is obviously a simplified version of the actual javascript, but the bug is still present.

Any help would be greatly appreciated. This seems to be a very weird bug. Perhaps it’s a caching issue?

Answer 1

This problem is pretty recurrent. IE caches AJAX calls. You need to append a random number or string to your call each time so that it doesn’t run a cached call.

url: "http://[your url]&rand=" + Math.Random(),