Javascript 加载内容后在localstorage中保存div的内容

我通过ajax在名为

records

的div中加载了一个页面，我想在加载到div后将records div的内容保存到localstorage中。使用我当前的脚本，它所做的是在加载的内容出现之前已经保存了div的空内容

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

---

load将回调函数作为其第二个参数。从文档中：

如果提供了“完整”回调，则在 已执行后处理和HTML插入

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

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