Сохраните содержимое div в localstorage после загрузки содержимого

Question

Загрузите страницу в div с именем records через ajax, и я хочу сохранить содержимое записей div в localstorage после его загрузки в div. С моим сценарием, что он делает, он уже сохраняет пустое содержимое div перед загрузкой содержимого.

$(document).ready(function() { 
    $('#records').load('records.php'); 
    localStorage.setItem('records', $records.html()); 
}); 

Answer 1

jQuery.load выполняет функцию обратного вызова как свой второй параметр. Из документов:

Если «полный» обратного вызова обеспечивается, оно выполняется после того, как пост-обработки и вставки HTML-была выполнена.

Эта функция вызывается, когда нагрузка закончена. Вам просто нужно поместить код хранения в этот обратный вызов.

$(document).ready(function() { 
    $('#records').load('records.php', function() { 
     localStorage.setItem('records', $records.html()); 
    }); 
});