innerHtml funciona en IE y Firefox, Chrome, pero no

Question

Los datos no se mostrarán en Chrome, a menos que puedo abrir una pestaña en Chrome IE ir al sitio y luego cerrarla de nuevo a Chrome (lo siento, si eso no tiene mucho sentido)

window.onload = function() { 
    var url = "http://----.freeiz.com/gbSales/sales.json"; 
    var request = new XMLHttpRequest(); 
    request.open("GET", url); 
    request.onload = function() { 
     if (request.status == 200) { 
      updateSales(request.responseText); 
     } 
    }; 
    request.send(null); 
} 
function updateSales(responseText) { 
    var salesDiv = document.getElementById("sales"); 
    salesDiv.innerHTML = responseText; 
} 

Estoy empezando a aprender JavaScript, así que realmente no sé mucho sobre él.

Answer 1

Debería utilizar alguna biblioteca JavaScript moderna. Lo protege de muchas de esas pequeñas diferencias entre los navegadores. Me gusta jQuery.

lo tanto, con el código de jQuery

window.onload = function() { 
    var url = "http://----.freeiz.com/gbSales/sales.json"; 
    var request = new XMLHttpRequest(); 
    request.open("GET", url); 
    request.onload = function() { 
    if (request.status == 200) { 
     updateSales(request.responseText); 
    } 
    }; 
    request.send(null); 
} 
function updateSales(responseText) { 
    var salesDiv = document.getElementById("sales"); 
    salesDiv.innerHTML = responseText; 
} 

convierte

$(document).load(function() { 
    var url = "http://----.freeiz.com/gbSales/sales.json"; 

    $.get(url, {}, function(data) { 
    $('#sales').html(data); 
    }); 
}); 

más corto, más limpio y funciona en todos los navegadores!

Answer 2

creo que desea utilizar:

request.onreadystatechange = function() { 

en lugar de:

request.onload = function() { 

y cambiar la forma de comprobar el valor de retorno.

Véase el ejemplo de código solicitud asincrónica aquí: https://developer.mozilla.org/en/DOM/XMLHttpRequest/Using_XMLHttpRequest para más detalles.

Answer 3

acaba de encontrar que sólo se quita la primera etiqueta de formulario para que pueda dejar una forma vacía() y el próximo se mantendrá en el código.