AJAX请求仅使IE失败

Question

The following ajax call works just fine in Chrome/FF, but is failing in IE only. I've tried turning cache off, physical/relative paths, async on and off, but not having any luck. I've been cruising around in SO all morning finding and testing different solutions, but I'm still not having any luck.

The error code returned isn't terribly helpful: error undefined

Any Ideas?

function CreateCard(//a bunch of paramaters//){



                var soapMessage ='//big long soap string goes here//';          
                var webServiceURL="//consumption URL (relative)";


                $.ajax({
                    url: webServiceURL, 
                    type: "POST",
                    crossDomain: true,
                    dataType: 'xml',
                    data: soapMessage, 
                    processData: false,
                    contentType: "text/xml; charset=\"utf-8\"",
                    success: function(data, status, req, xml, xmlHttpRequest, responseXML) { 
                        var newCardID=$(req.responseXML).find('AddeCardRequestResult').text();  //Fetches new card id
                        $('div#debug').html("success: " + newCardID)  
                        $('#CID').val(newCardID);

                        __doPostBack('btnSubmit', newCardID);

                    }, 
                    error: function(xhr, msg) { 
                        $('div#debug').html(msg + '
' + xhr.responseText)
                    } 
                });




            }

Answer 1

With ie you'll need to append some kind of random parameter to your request.

I typically use something like (new Date()).getTime() as the value for a parameter name that is not used by the remote application.

This will trick ie into thinking it's a new request every time.

Edit: Found a similar question adding link.

This answer does a better job of explaining it than I do, it also has a jquery solution included. (copied from the linked answer so credit goes there.)

$.ajaxSetup({ cache: false });