首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery缓存页面内容(效能很强大)

2012-10-11 
Jquery缓存页面内容(功能很强大)我们在做项目的时候,碰到页面中的某一个部分我们要缓存起来。比如说如果操

Jquery缓存页面内容(功能很强大)

我们在做项目的时候,碰到页面中的某一个部分我们要缓存起来。比如说如果操作不成功,那么我们不刷新页面,
只是取缓存中的内容,如果操作成功,那么我们就重新加载页面,并将重新加载的页面刷新到缓存中取。
实际例子:
$(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的时候,页面就会只
加载缓存中的内容。

热点排行