内容加载后，在本地存储中保存div的内容

Question

我通过ajax在一个名为records的div中加载一个页面，我希望将记录div的内容在加载到div后保存到localstorage中。使用我当前的脚本它所做的是它已经在加载的内容出现之前保存了div的空内容。

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

Answer 1

jQuery.load将回调函数作为其第二个参数。来自文档：

  

如果＆＃34;完成＆＃34;提供回调，之后执行   已经执行了后处理和HTML插入。

加载完成后调用该函数。您只需将存储代码放入该回调中即可。

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