innerHTML hoạt động trong IE và Firefox, nhưng không phải Chrome

Question

Dữ liệu sẽ không hiển thị trong Chrome, trừ khi tôi mở tab IE trong Chrome, sau đó đóng lại vào Chrome (xin lỗi, nếu điều đó không có ý nghĩa gì nhiều).

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

Tôi chỉ mới bắt đầu học JavaScript nên tôi thực sự không biết nhiều về nó.

Answer 1

Bạn nên sử dụng một số thư viện Javascript hiện đại. Nó bảo vệ bạn khỏi nhiều sự khác biệt nhỏ giữa các trình duyệt. Tôi thích jQuery.

Như vậy, với jquery mã của bạn

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

trở thành

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

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

ngắn hơn, sạch hơn và làm việc tại tất cả các trình duyệt!

Answer 2

Tôi nghĩ rằng bạn muốn sử dụng:

request.onreadystatechange = function() { 

thay vì:

request.onload = function() { 

Và thay đổi cách bạn kiểm tra giá trị trả về.

Xem ví dụ về mã yêu cầu không đồng bộ tại đây: https://developer.mozilla.org/en/DOM/XMLHttpRequest/Using_XMLHttpRequest để biết thêm chi tiết.

Answer 3

Chỉ cần tìm thấy rằng thẻ biểu mẫu đầu tiên bị xóa để bạn có thể đặt biểu mẫu trống() và biểu mẫu tiếp theo được giữ trong mã.