【发布时间】:2014-10-07 00:15:55
【问题描述】:
我正在使用这段代码来创建一些东西,包括创建链接。
我想在目标页面上创建一个链接(或使用后退按钮),这将允许用户返回到运行此代码的原始页面,而无需再次发出 getJSON 请求(除非该页面是故意刷新)。
我想提高性能,因为当用户返回原始页面时再次发出getJSON 请求。在 Chrome 中尤其如此,而我在 FF 中看到了相当不错的性能。 (是否有可能是 FF 正在缓存而 Chrome 没有?我该如何测试?)
数据在一段时间后过期并强制重新运行请求以刷新结果是可以的。
代码示例
$.when( $.getJSON(url0), $.getJSON(url1), $.getJSON(url2), $.getJSON(url3),$.getJSON(url4), $.getJSON(url5),$.getJSON(url6) ).done( function() {
$.each(arguments, function(index, result) {
var data = result[0];
utcday = data[0].createdOn;
ltrDay = moment.utc(utcday).format("DD MMM YY");
$('#listDiv').append("<div class= \"ellipsis listItemDiv\" ><div class=\"ltrFolder\" ><a title= \"Past Editions of " + nwsltrNames[index] + "\" href = \"" + idString3 + nwsltrID[index] + "\"><i class=\"fa fa-folder-o\"></a></i></div><div id=\"" + data[0].id + "\"class= \"ellipsis listTitle\" style=\"font-size:1.2em;\">" + nwsltrNames2[index] + "<div class= \"ellipsis \"><a style=\"font-size:.8em;\"title= \"" + data[0].conversation + "\" class = \"addressClick\" id =\"" + nwsltrID[index] + "\"><span class =\"point\" ><i class=\"fa fa-newspaper-o\"></i></span>" + data[0].conversation + "</a><div class=\"ltgrey\" style=\"text-transform:uppercase;padding-top:3px;letter-spacing: normal;\">" + ltrDay + "</div></div></div><div class=\"txtHead\" >" + data[0].textHead + "</div>");
});
});
【问题讨论】: