javascript - innerHTML 适用于 IE 和 Firefox，但不适用于 Chrome

Question

数据不会显示在 Chrome 中，除非我在 Chrome 中打开 IE 选项卡转到该站点然后将其关闭返回到 Chrome(抱歉，如果这没有多大意义)。

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;
}

我刚开始学习 JavaScript，所以我真的不是很了解。

Answer 1

你应该使用一些现代的 Javascript 库。它保护您免受浏览器之间的许多细小差异的影响。我喜欢jQuery .

所以，使用 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;
}

成为

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

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

更短、更清晰，适用于所有浏览器!