Làm cách nào để tải lại trang sau khi tất cả các cuộc gọi ajax hoàn tất?

Question

Lần đầu tiên một người dùng truy cập vào trang web của tôi, tôi đang lấy rất nhiều thông tin từ nhiều nguồn khác nhau bằng cách sử dụng một vài cuộc gọi ajax. Làm cách nào để tải lại trang khi các cuộc gọi ajax được thực hiện?

if(userVisit != 1) { 
    // First time visitor 
    populateData(); 
} 

function populateData() { 
    $.ajax({ 
      url: "server.php", 
      data: "action=prepare&myid=" + id, 
      dataType: "json", 
      success: function(json) { 
       if(json.error) { 
        return; 
       } 
       _id = response[json].id; 
       getInformation(_id); 
      } 
    }); 
} 

function getInformation(id) { 
    $.ajax({ 
      url: "REMOTESERVICE", 
      data: "action=get&id=" + id, 
      dataType: "json", 
      success: function(json) { 
       if(json.error) { 
        return; 
       } 

       $.ajax({ 
         url: "server.php", 
         data: "action=update&myid=" + id + '&data=' + json.data.toString(), 
         dataType: "json", 
         success: function(json) { 
           if(json.error) { 
            return; 
           } 
         } 
       }); 
      } 
    }); 
} 

Vì vậy, những gì các mã này là, nó được một danh sách các định danh được xác định trước cho một người dùng mới (populateData chức năng) và sử dụng chúng để lấy thêm thông tin từ một dịch vụ thirdparty (getInformation chức năng). Hàm getInformation này truy vấn một máy chủ của bên thứ ba và khi máy chủ trả về một số dữ liệu, nó sẽ gửi dữ liệu đó đến máy chủ của tôi thông qua một cuộc gọi ajax khác. Bây giờ những gì tôi cần là một cách để tìm ra khi tất cả các cuộc gọi ajax đã được hoàn thành để tôi có thể tải lại trang. Bất kỳ đề xuất?

Answer 1

Trong getInformation() của bạn gọi cho bạn có thể gọi location.reload() trong success callback của bạn, như thế này:

success: function(json) { 
    if(!json.error) location.reload(true); 
} 

Để chờ cho đến khi nào cuộc gọi thêm ajax hoàn tất, bạn có thể sử dụng ajaxStop event, như thế này:

success: function(json) { 
    if(json.error) return; 
    //fire off other ajax calls 
    $(document).ajaxStop(function() { location.reload(true); }); 
} 

Answer 2

//document.location.reload(true); 
window.location = window.location; 

• Xem mor e tại: http://www.dotnetfunda.com/forums/show/17887/issue-in-ie-11-when-i-try-to-refresh-my-parent-page-from-the-popupwind#sthash.gZEB8QV0.dpuf

Answer 3

Bạn chỉ có thể chuyển hướng đến cùng một trang trong tệp tin server.php nơi hàm được xác định bằng tiêu đề ('Vị trí: trang html');