Question

I have a page with links on the left and data on the right side.
Now when I click on the link I use jquery ajax call to load the data.

So, when I click on a link I use loading image while fetching the data.

code,

$("#linkData").empty().html("<div style='text-align:center;height:400px;margin-top: 200px;'><img src='loading.gif' /></div>");
$.ajax({
    type: "post",
    url: urlLink,
    async: false,
    data: appliedData,
    cache: false,
    success: function(response) {
        $("#linkData").html(response);
    }
});

Now, This is working great in Firefox but in IE versions simply the data is getting replaced after success with the previous data.

In IE it looks like very sticky, please help with some suggestions.

Thanks in advance

Answer 1

So, do you mean that in the #linkData, you get to see the loading image again in IE?

Have you tried setting async to true?