开发移动 Web Ajax 应用

核心提示： 同样，这个函数从检查本地存储是否可用开始，开发移动 Web Ajax 应用(10)，接着，它遍历本地存储中的所有数据，我们就有了本地存储的保存和加载函数，我们需要将它们整合到 loadEntries 函数中， 对于存储中的每一个值，我们再次使用 JSON.parse 函数来将字符串解析成为一个对

同样，这个函数从检查本地存储是否可用开始。接着，它遍历本地存储中的所有数据。 对于存储中的每一个值，我们再次使用 JSON.parse 函数来将字符串解析成为一个对象。 接着，我们需要对记录进行排序，因为它们从本地存储返回的顺序是不一定的。这里进行了一个降序排序，最新记录在最前面。 最后，我们就有了本地存储的保存和加载函数，我们需要将它们整合到 loadEntries 函数中， 如清单 10 所示。

清单 10. 添加缓存到 loadEntries 函数

　
function　loadEntries(){　
　　//　check　for　JSON　object　
　　var　localEntries　=　loadLocal();　
　　var　newest　=　0;　
　　if　(localEntries.length　>　0){　
　　　　newest　=　localEntries[0].id;　
　　}　
　　var　i　=　0;　
　　for　(i=0;i<localEntries.length;i++){　
　　　　addEntry(localEntries[i]);　
　　}　
　　var　xhr　=　new　XMLHttpRequest();　
　　xhr.onreadystatechange　=　function(){　
　　　　if　(this.readyState　==　4　&&　this.status　==　200){　
　　　　　　　　　var　theFeed　=　JSON.parse(this.responseText);　
　　　　　　　　　var　i　=　0;　
　　　　　　　　　if　(theFeed.entries){　
　　　　　　　　　　　　　var　len　=　theFeed.entries.length;　
　　　　　　　　　　　　　for　(i=0;i<len;i++){　
　　　　　　　　　　　　　　　　addEntry(theFeed.entries[len　-　1　-i],　true);　
　　　　　　　　　　　　　　　　saveLocal(theFeed.entries[len　-　1　-i]);　
　　　　　　　　　　　　　}　
　　　　　　　　　}　
　　　　　　　　　var　body　=　document.getElementsByTagName("body")[0];　
　　　　　　　　　body.removeChild($("loader"));　
　　　　　　　}　
　　};　
　　var　urlStr　=　"/resources/feed?after="　+　newest;　
　　xhr.open("GET",　urlStr);　
　　xhr.send();　　　
}