0
244
ViewsLa solicitud Ajax con redirección CORS falla en IE11
Estoy tratando de hacer una solicitud ajax a un recurso en el mismo dominio. En determinadas circunstancias, la solicitud se redirige (303) a un recurso externo. El recurso externo admite CORS.
En navegadores como Chrome, Firefox o Safari, la solicitud tiene éxito.
En IE11, la solicitud falla con el error:
SCRIPT 7002: XMLHttpRequest: Network Error 0x4c7, The operation was canceled by the userLa solicitud ajax se realiza con jQuery:
$.ajax({ url: "/data", type: "POST", dataType: "json", contentType: "application/json;charset=UTF-8", data: JSON.stringify({name: 'John Doe'}) }).done(function () { console.log('succeeded'); }).fail(function () { console.log('failed'); });He construido un pequeño ejemplo que demuestra el problema. Puedes ver el código aquí .
sin redirigir
con redirección
¿Hay alguna manera de resolver este problema? ¿Qué me estoy perdiendo?
2 answers
Answer question0
En la definición inicial del estándar CORS, no se permitían los redireccionamientos después de una solicitud de verificación previa de CORS exitosa.
IE11 implementa este estándar (ahora obsoleto).
Desde agosto de 2016, esto ha cambiado y todos los principales navegadores ahora lo admiten (aquí está la solicitud de extracción real).
Me temo que para admitir <=IE11, también tendrá que modificar su código del lado del servidor para no emitir una redirección (al menos para <=IE11).
Parte 1) Del lado del servidor (estoy usando node.js express aquí):
function _isIE (request) { let userAgent = request.headers['user-agent'] return userAgent.indexOf("MSIE ") > 0 || userAgent.indexOf("Trident/") > 0 } router.post('data', function (request, response) { if (_isIE(request)) { // perform action res.set('Content-Type', 'text/plain') return res.status(200).send(`${redirectionTarget}`) } else { // perform action response.redirect(redirectionTarget) } })Parte 2 del lado del cliente
Nota: Esto es Javascript puro, pero puede adaptarlo fácilmente a su implementación de jQuery/ajax.
var isInternetExplorer = (function () { var ua = window.navigator.userAgent return ua.indexOf("MSIE ") > 0 || ua.indexOf("Trident/") > 0 })() function requestResource (link, successFn, forcedRedirect) { var http if (window.XMLHttpRequest) { http = new XMLHttpRequest() } else if (window.XDomainRequest) { http = new XDomainRequest() } else { http = new ActiveXObject("Microsoft.XMLHTTP") } http.onreadystatechange = function () { var OK = 200 if (http.readyState === XMLHttpRequest.DONE) { if (http.status === OK && successFn) { if (isInternetExplorer && !forcedRedirect) { return requestResource(http.responseText, successFn, true) } else { successFn(http.responseText) } } } } http.onerror = http.ontimeout = function () { console.error('An error occured requesting '+link+' (code: '+http.status+'): '+http.responseText) } http.open('GET', link) http.send(null) }0
ya está respondido, eche un vistazo: https://blogs.msdn.microsoft.com/webdev/2013/10/28/sending-a-cors-request-in-ie/