我们在做项目的时候,碰到页面中的某一个部分我们要缓存起来。比如说如果操作不成功,那么我们不刷新页面,
只是取缓存中的内容,如果操作成功,那么我们就重新加载页面,并将重新加载的页面刷新到缓存中取。
实际例子:
$(function () {
var ids = getCheckBoxValue("jqgrd");
var idsIndex = 0;
var idssplit = ids.split(",");
for (var i = 0; i < idssplit.length; i++) {
if (idssplit[i] != "") {
idsIndex++;
}
}
if (idsIndex == 0) {
showError("请先选择一台车!");
if (typeof ($(".menu_2_on a").data("html-rsu")) != "undefined") {
$("#RsuContent").html($(".menu_2_on a").data("html-rsu"));
}
return false;
}
if (idsIndex > 1) {
showError("只能选择一台车进行查看!");
if (typeof ($(".menu_2_on a").data("html-rsu")) != "undefined") {
$("#RsuContent").html($(".menu_2_on a").data("html-rsu"));
}
return false;
}
ids = ids.replace(",", "");
var url = "/PositionServiceRsu/VehicleInfoView?Id=" + ids;
$("#RsuContent").load(url, function (d) { $(".menu_2_on a").data("html-rsu", d); });
});
原理是,我们如果判断IDS没有选中,并且$(".menu_2_on a").data("html-rsu")中的缓存有定义的话,那么就去
取缓存的内容,如果判断通过了,我们在LOAD页面的时候,将我们LOAD页面的内容放入到html-rsu中的缓存中。
因此,我们在执行第一次成功以后,缓存中就有内容了,然后我们在将判断条件设置为FLASE的时候,页面就会只
加载缓存中的内容。