¿Por qué no es este simple bit de jQuery getJSON trabajando en IE8?

Question

Tengo una petición muy estándar AJAX:

$.getJSON('/products/findmatching/38647.json', {}, function(JsonData){ 
    var tableHtml = ''; 
    var x; 

    for (x in JsonData.matchingProds) { 
    var matchingProd = JsonData.matchingProds[x]; 
    var buyMessage; 

    if (x == 0) { 
     buyMessage = 'Buy Cheapest'; 
    } 
    else { 
     buyMessage = 'Buy from this shop'; 
    } 

    tableHtml = tableHtml + '<tr><td><img height="40" src="' + matchingProd.img_url + '" alt="' + matchingProd.name + '" /></td> \ 
     <td><a href="' + matchingProd._page_url + '">' + matchingProd.name + '</a></td> \ 
     <td><a href="' + matchingProd._merchant._url + '">' + matchingProd._merchant.title + '</td> \ 
     <td align="right">&pound;' + matchingProd.price + '</td> \ 
     <td><a href="' + matchingProd.referral_url + '">' + buyMessage + '</a></td></tr>'; 
    } 

    $('#matchingproducts tbody').html(tableHtml); 

    $('#loading').delay(1000).fadeOut(); 
}); 

Funciona bien en todos los navegadores excepto IE. Ya no hago mucho en IE ya que tengo una Mac, pero tengo IE8 en una máquina virtual XP. Usar sus herramientas de depuración incorporadas realmente no ha ayudado (no son muy buenas). Lo único que puedo entender es que en algún momento recibo un error de "identificador esperado".

¿Podría ser esto en los datos JSON que se devuelven? ¿Cómo puedo examinar esa información desde el punto de vista de IE?

Answer 1

Ok lo descubrí. Alguien sugirió probar una versión no minificada de jQuery. Hice esto y pasé por el depurador Javascript de IE8s. En un momento determinado, el siguiente error ocurrió:

Could not complete the operation due to error c00ce56e. 

Un poco googlear encontró que era la declaración de conjunto de caracteres que he establecido para mis datos JSON. En PHP, esto se hizo con:

header ('Content-Type: text/javascript; charset=utf8'); 

Resulta que IE es muy particular acerca de la referencia charset (http://forums.asp.net/t/1345268.aspx#2732852), así que lo cambió a:

header ('Content-Type: text/javascript; charset=UTF-8'); 

Y hey-presto, se Funciona de maravilla. Gracias por su ayuda chicos, ¡me apuntaron en la dirección correcta otra vez!

Answer 2

editar nuevamente — todavía depuración - que el cambio de utilizar la otra función tiene que tener el último argumento sea myAjaxResponderFunc sin comillas ...

Answer 3

Hm ... parece que el script está funcionando muy bien en ES DECIR. Lo único que parece estar rompiendo es su método jQuery fadeOut. Yo era capaz de encontrar algo de eso aquí:

jquery IE Fadein and Fadeout Opacity

Básicamente, IE tiene problemas con la alteración de las propiedades CSS cuando no han sido previamente declarado.

Editar: Tal vez no funciona bien en IE ... Puede que no haya entendido el proceso exacto de carga de la página.

Answer 4

$.ajaxSetup({ cache: false }); 

Answer 5

Tienes que usar el buscador de verbos y la versión para IE8 +, luego usar el XDomainRequest() si msie8 +.

Esto devolverá una cadena JSON, debe utilizar jQuery.parseJSON() para crear el objeto JSON ...

No utilice getJSON!

Aquí está mi ejemplo:

if ($.browser.msie && parseInt($.browser.version, 10) >= 8 && window.XDomainRequest) { 
     // Use Microsoft XDR 
     var xdr = new XDomainRequest(); 
     xdr.open("get", reqURL); 
     xdr.onload = function() { 
      var json = xdr.responseText; 
      json = $.parseJSON(json); 

      $.each(json.results, function(i, val) { 
        console.log(val.formatted_address); 
        var locString = val.formatted_address; 
        $.each(val.address_components, function(x, comp) { 

         if($.inArray("postal_code", comp.types) > -1) { 
          //alert("___" + comp.types); 
          zipmap[locString] = comp.short_name; 
         } 

        }); 

        suggestions.push(val.formatted_address); 
       }); 

      //alert(json.results); 
     } 
     xdr.send(); 
     add(suggestions); 
    }else { 
     $.getJSON(reqURL, function(data) { 

      var isZIP = new Boolean; 
      console.log(data.results); 
      $.each(data.results, function(i, val) { 
       console.log(val.formatted_address); 
       var locString = val.formatted_address; 
       $.each(val.address_components, function(x, comp) { 

        if($.inArray("postal_code", comp.types) > -1) { 
         console.log("___" + comp.types); 
         zipmap[locString] = comp.short_name; 
        } 

       }); 

       suggestions.push(val.formatted_address); 
      }); 

      add(suggestions); 

     }); 
    } 

requrl es la URL que se esté haciendo una petición a.

¡Hecho!

crédito a: http://graphicmaniacs.com/note/getting-a-cross-domain-json-with-jquery-in-internet-explorer-8-and-later/

Me encanta IE!