`
baobeituping
  • 浏览: 1064702 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

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的时候,页面就会只
加载缓存中的内容。

分享到:
评论

相关推荐

    清除Jquery缓存

    在探讨“清除Jquery缓存”的话题之前,我们先来了解一下jQuery是什么以及为什么需要清除缓存。 ### jQuery简介 jQuery是一款流行的JavaScript库,它极大地简化了HTML文档的遍历、事件处理、动画以及Ajax交互等操作...

    jquery实现页面局部刷新

    总结,jQuery为实现页面局部刷新提供了强大的工具,通过AJAX请求获取数据,然后结合DOM操作方法更新页面内容。结合良好的编程习惯和优化策略,可以创建出响应迅速、用户体验优良的Web应用。在实际项目中,可以根据...

    jQuery:图片缓存 10 jQuery Image Cache Plugins and Scripts

    jQuery 插件通过异步方式加载图片,不阻塞页面其他内容的渲染。 2. **缓存机制** 这些插件通常利用浏览器的本地存储机制(如 localStorage 或 sessionStorage)来缓存图片。当图片被预加载后,它们会被保存在用户...

    jQuery实现网站换肤功能

    在网页设计中,提供用户友好的交互体验是至关重要的,其中一种常见的功能就是网站换肤。...总的来说,jQuery提供了一个强大且灵活的平台,使得开发者可以轻松地为网站添加这种增强用户体验的功能。

    [ jquery.autocomplete ]jquery的自动完成/补全插件(很好很强大)

    jQuery Autocomplete 是一个非常流行的 jQuery 插件,它为网页表单输入框提供了强大的自动完成或自动补全功能。这个插件极大地提升了用户在输入搜索关键词或填写数据时的体验,使得用户可以快速找到并选择所需的内容...

    jquery 异步加载页面

    jQuery,一个强大的JavaScript库,提供了丰富的API来实现这一功能,使得网页交互更加流畅,用户体验更佳。本篇文章将深入讲解jQuery异步加载页面的概念、原理及其实现方式。 ### 1. 异步加载的优势 传统的网页加载...

    jquery mobile 1.4.2 和 jquery 1.8.3

    总的来说,jQuery Mobile 1.4.2和jQuery 1.8.3是构建高效、易用的手机网站的强大工具。它们提供的丰富功能和灵活性,使得开发者可以专注于创新和用户体验的提升,而不是底层的技术细节。随着技术的不断发展,我们...

    jquery实现PDF在线预览 jquery实现在线预览PDF文档

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax...总的来说,jQuery和PDF.js的结合提供了一个强大且灵活的解决方案,使得在Web应用中实现PDF在线预览变得简单易行。

    jquery开发必备jquery开发包

    其次,jQuery的扩展插件是其功能强大的关键。这些插件覆盖了表单验证、日期选择器、分页、轮播图、模态对话框等各种功能,极大地丰富了jQuery的功能。例如,jQuery UI是一个官方的插件集,包含了诸如拖放、排序、...

    jQuery页面左下角鼠标点击向上滑出文章推荐功能.zip

    4. **动画效果**:jQuery的动画功能非常强大,`.animate()`方法可以创建自定义的动画效果。在本文档中,可能是通过调整元素的高度或位置来实现向上滑出的效果。 5. **DOM操作**:`.html()`或`.append()`等方法可以...

    JQuery UI 中文帮助文档

    **jQuery UI 中文帮助文档...综上所述,jQuery UI 是一个功能强大的工具集,能够极大地提升Web应用的交互性和用户体验。通过深入学习并熟练运用这个中文帮助文档,开发者能够轻松构建出功能丰富、交互性强的网页应用。

    jQuery Mobile 高级设计模板

    这个高级设计模板是针对那些希望利用jQuery Mobile的强大功能,构建出具有专业外观和交互体验的应用的开发者。 **jQuery Mobile 的核心特性** 1. **统一的用户界面 (UI):** jQuery Mobile 提供了一系列预定义的...

    jQuery实现的多功能颜色选择器特效源码.zip

    jQuery,作为一款强大的JavaScript库,为开发者提供了丰富的功能来增强用户体验。本文将深入探讨如何利用jQuery实现一个多功能的颜色选择器特效源码,并详细解析其工作原理。 1. jQuery基础与应用 jQuery简化了...

    jQuery HTML5页面整屏滑动切换代码.zip

    HTML5的离线存储技术也可能被用到,以缓存页面内容,即使在网络不稳定或离线状态下,用户仍能顺畅地浏览已加载过的页面。此外,HTML5的多媒体元素如`&lt;audio&gt;`和`&lt;video&gt;`,如果在页面中出现,可能也会与这个滑动切换...

    jquery仿酷狗.zip

    - **选择器**: jQuery中的选择器是其强大的功能之一,如ID选择器(#id),类选择器(.class),元素选择器(element)等,可以快速选取DOM元素。 - **DOM操作**: 包括元素的获取、添加、删除和属性操作,例如`$("#...

    jQuery1.11参考手册

    5. **动画效果(Effects)**:jQuery的动画功能强大,包括`.fadeIn()`, `.fadeOut()`, `.slideToggle()`, `.animate()`等,可以实现平滑的页面过渡和复杂的动画效果。 6. **Ajax交互(Ajax)**:jQuery的`.ajax()`...

    jQuery Ajax向某个页面传值并取得返回的数组

    在Web开发中,jQuery的Ajax功能是至关重要的,它允许我们实现异步数据通信,无需刷新整个页面就能与服务器交换数据。"jQuery Ajax向某个页面传值并取得返回的数组"这一主题涉及到如何使用jQuery的Ajax方法来发送请求...

    jQuery基础

    这些选择器的功能强大并且非常灵活,是jQuery库中使用最为频繁的部分之一。 2. HTML元素操作:一旦选取了元素,就可以利用jQuery提供的方法来添加、移除或修改元素。例如,可以使用jQuery来改变元素的类名、内容和...

    JqueryGrid 无刷新分页

    在ASP.NET开发中,jQueryGrid是一款非常流行的前端数据网格插件,它提供了强大的数据展示、编辑和管理功能。"JqueryGrid 无刷新分页"指的是利用jQueryGrid实现的页面内容不更新的情况下进行数据分页的技术。这种方法...

Global site tag (gtag.js) - Google Analytics