IE AJAX Cross-Browser Issue

Question

I have the following AJAX function:

function ajaxDesignerBrandInfo() { var D = wrapFormValues('#designer-brand-form'); var recursiveEncoded = $.param(D); /* $.post("/api/designer_brand/", { data : recursiveEncoded }, function(data) { var results = $.parseJSON(data); window.location = "/register/designer-product/"; });*/ $.ajax( { type: "POST", url: "/api/designer_brand/", data : { data : recursiveEncoded }, success: function(data) { console.log(data); setTimeout(function() { window.location = "/register/designer-product/"; },0); }, error: function (xhr, ajaxOptions, thrownError ){ alert(xhr.status); alert(thrownError); } }); return false; }

And the corresponding form

<form id="designer-brand-form" name="form" method="post" action="" onSubmit="ajaxDesignerBrandInfo(); return false;"> .... </form>

The submission works great on Chrome, Safari and FireFox, moving me to

/register/designer-product/

Correctly, but in IE9, the submissions seems to

Never make it to the server
clear the form and redirect back to the current page i am on (in which this form exists).

I can confirm via FireFox there are no javascript errors causing this to fail. And sometimes it actually works, but I cannot seem to always reproduce this error in the same way

Someone Please explain WTF is going on?

Thanks

I added the SetTimeout because I read that it would fix my problem, but it did not infact fix the problem — josephmisiti
– josephmisiti, Commented Oct 11, 2011 at 17:01

Community · Accepted Answer · 2017-05-23 12:19:56Z

I believe your issue is that IE is silently throwing a Javascript error. Just because Firefox doesn't throw a JS error one doesn't mean that IE doesn't. Check for JS errors in IE (see this link or this one). Find the error and you'll find the solution.

Also, try Fiddler, which is a standalone Windows tool that acts as a proxy server and will tell you EXACTLY what your AJAX traffic looks like.

Your specific problem may be the console.log call. That is a Firebug thing (that Chrome supports). IE does not, I think, unless you take steps to add it. See: What happened to console.log in IE8?

Correct, the console.log will toss an error unless you have the dev console open specifically (F12) in IE
@Joseph Misiti: Do you have the Developer Tools console open sometimes? That would do it. ;)

Collectives™ on Stack Overflow

IE AJAX Cross-Browser Issue

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related