¿Por qué fracasa esta llamada jQuery Ajax SOLO en IE9 (Incluso funciona bien en IE8 e IE7)

Question

Tengo un sitio web donde hago una llamada ajax así:

  // perform an ajax request to generate a new subscriber account 
      jQuery.ajax({ 
       type: 'POST', 
       url: '/index.php?option=com_content&view=article&id=45&tmpl=component', 
       data: postVars, 
       success: handleResponse, 
       error: function(jqXHR, textStatus, errorThrown) { 
        alert ('response: ' + jqXHR.responseText); 
        alert ('code: ' + jqXHR.getResponseHeader('X-Subscriber-Status')); 
       } 
      }); 

La página se solicita no hace todo menos devolver un código de estado de un solo dígito y funciona bien con todos los navegadores excepto IE9. La secuencia de comandos está alojada en el mismo dominio que la página que está solicitando, por lo que no debería haber ningún problema con las secuencias de comandos de dominios cruzados.

Finalmente encontré lo que está sucediendo, pero no sé cómo solucionarlo. Resulta que la solicitud de Ajax se completa con éxito sin problemas. Lo verifiqué usando Fiddler para ver el tráfico de la red. El servidor responde a la solicitud con un código de estado HTTP de 200 y el cuerpo no contiene nada más que un código de respuesta de un solo dígito. En este punto, jQuery ejecuta el controlador de errores, NO el controlador de éxito como se esperaría (en IE9). ¿Por qué lo hace y cómo puedo evitarlo? Esto SOLAMENTE sucede en IE9. ¡Incluso IE8 e IE7 funcionan bien con exactamente el mismo código! Como puede ver, finalmente recurrí a la detección de IE9 y el uso de un objeto XmlHttpRequest para hacerlo (que funciona bien por cierto).

Esto me parece un error de jQuery pero no puedo encontrar ninguna mención de ello en mis búsquedas. ¿De verdad soy el único que experimenta este extraño comportamiento?

Answer 1

Bueno, finalmente encontré el problema. Resulta que, por alguna razón, jQuery/IE no edita comillas dobles de urlencode correctamente. La URL de la petición era:

/search.json?callback=jQuery16105234487927080267_1313510362362 & q = acciones o "mercado de valores" -blueprint -empireavenue.com -Aprender & _ = 1313510362469

En cualquier otro navegador por parte de la tiempo jQuery realiza la solicitud ajax que parecía:

/search.json?callback=jQuery16105234487927080267_1313510362362 & q = poblaciones% 20º o% 20% 22stock% 20market% 22% 20-blueprint% 20-empireavenue.com% 20-aprender & _ = 1313510362469

pero por alguna razón en todas las versiones de IE que salió de esta manera:

/search.json?callback=jQuery16105234487927080267_1313510362362 & q = stocks% 20o% 20 "de la 20market%" % 20% 20-plan-empireavenue .com% 20-learn & _ = 1313510362469

que causó que el servidor no devuelva datos.

Answer 2

¿Estás seguro de que la URL que estás llamando (/index.php?option=com_content&view=article&id=45&tmpl=component) funciona en IE9? Si carga esa página PHP en IE9, ¿devuelve el resultado esperado? Debería ser así, pero vale la pena comprobar que el error está en la llamada jQuery, en lugar del PHP.

Además, una llamada de POST normalmente sería a una página como 'index.php', con la cadena de consulta (option=com_content, view=article etc.) que como la variable postVars.

intente utilizar el siguiente:

$.ajax({ 
    type: "POST", 
    url: "index.php", 
    data: { 
     option : com_content, 
     view : article, 
     id : 45, 
     tmpl : component 
    }, 
    success: function(msg){ 
     console.log(msg); 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
     console.log(textStatus) 
    } 
}); 

tira hacia abajo la función de sus partes básicas, y usted debería ser capaz de ver donde está viniendo el error.