Jquery 中的缓存 data([key],[value]) 函数

评论(2)

Jquery 是 Javascript 的一个框架,用 Jquery 作为框架做 HTML 开发能为你省掉不少花在学习 Javascript(下简称JS) 和浏览器兼容的时间,老早就想好好的学一下 JS 了,可最近在看别的语言,所以 JS 嘛就往后排一下吧,至于博客嘛也是要写的,所以打算利用日常空闲的时间,再把 Jquery 手册拿出来,按照速查表,从头开始,由简入繁一点一点的研究一下,并在博客做一下笔记。
今天闲来研究一下 Jquery 中的缓存吧(花了点时间做了一个本机实例用于给自己做 JQ 练习测试,稍后应该会完善一下。 ),手册中是这么标示的 data([key],[value])

缓存的用法:data([key],[value])

以下是手册引用:
在元素上存放数据,返回jQuery对象。
如果jQuery集合指向多个元素,那将在所有元素上设置对应数据。
这个函数不用建立一个新的expando,就能在一个元素上存放任何格式的数据,而不仅仅是字符串。
V1.4.3 新增用法NEW data(obj) 可传入key-value形式的数据。

如果你看不惯,我来个通俗版:

//假设我们有一个 div 如下(HTML 代码): 
<div class="traget"> 123 </div>
 
 
//假设我们已经在页面引入了 Jquery 代码
//那我们往里写缓存数据的时候可以这么写(JS 代码)
var msg = "456";
$(".traget").data("cache",msg);
//那么现在我们的 traget 这个 div 中就会有 
//msg 变量中存储的 “456” 这个字符串了。
 
//取出缓存数据的写法
var getdata = $(".traget").data("cache")//那么 getdata 变量现在就是“456” 这个变量了。

Jquery 中缓存的用处

当然在做页面 AJAX 的时候,
我们经常会反复的去调用后台页面以获得信息,
而有些信息我们只要调用一次就好了,
在有些时候,我们需要将一些过程的内容隐藏以进行操作,
这个时候我们就要用到缓存。

Jquery 中缓存的演示

整理了一套页面,为了方便以后研究 PHP + Ajax 的,这篇文章的演示已经做上了。
Jquery Data缓存 演示
解释:

  1. 这是一个php ajax 的实例
  2. 第一次点击测试按钮后会加载一个php页面的信息
  3. 得到信息后,会将信息加载到页面,并将信息缓存。
  4. 信息包括php响应提示和响应的unix时间戳。
  5. 从第二次点击按钮开始,有了缓存便不再调用php页面,所以时间戳不会变。
  6. 本例没有考虑调用失败或是加载时间过长等问题。
  7. 所以在观看本例的时候可能会出现不适的情况,请自行调整。哈!

牢骚

博客最近疏于打理,虽说短短前一阵子 Google 更新了 PR 值 ,网站的 PR 值一下子冲到了 3 上,除了小小的欢喜了一下之外没有感到获得多大的动力,也许是忙,更可能是因为懒吧,博客也一直没有写。最近这阵子一直在看书充实自己,C++ VB 一直在看着,没有什么特别大的收获,但一直感觉更像是在厚积阶段,哈哈(臭美中)。
一个人的时间是有限的,以前总觉得自己有大把的时间,可现在真要学点东西,却多么希望能大学那样每天有一个固定时间段能静下心来看会书,学点东西……..,而像现在这样,每天看上2小时的书却成了奢侈的事情,最近几日一直在看C++的书和教学视频,不期待能做出什么大型程序,或者靠着这个挣钱,男人嘛有这样一个爱好总好过毒和赌对吧。





  1. Pingback: Jquery 中的缓存 removeData([name|list]) 函数 | Jquery - Html

  2. 缓存的用处很大