Jquery Ajax Call Works In Firefox But Not Ie - Valid Response Returned

I am having a strange issue with an AJAX call where it is working in Firefox, but not in IE. When I add an IE alert(), I see the returned content, but it does not want ot insert w

Solution 1:

Perhaps your returned HTML is invalid. FF doesn't have problems with that, but IE8 sure does ;) Maybe you forget to close a div?

The following post shows some guys having the exact same problem: jQuery AJAX GET html data IE8 not working

Solution 2:

Just a shot in the dark, but IE isn't getting confused by the JS object you're sending is it?

{ "t" : "view" , FormID : FormID }

Is there any reason you're using a string as a key for "t"?

Solution 3:

Do you have any error message on your JS console ? Can you show what data content is ?

I'm thinking about 2 things:

1) If you don't run development tools in IE8, console.log() is undefined. To solve it, put this code at the top of your page :

<scripttype="text/javascript">if (!window.console) console = {log: function() {}}; </script>

source : 'console' is undefined error for Internet Explorer

2) Maybe an AJAX cache issue with IE (I don't think because you are using post() ), try to put this code at the top of your page :

$.ajaxSetup({ cache: false });

source: How to prevent a jQuery Ajax request from caching in Internet Explorer?