网上有很多的关于jquery缓存教程,但我认为不适像我这样的初学者,以下是代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCache.aspx.cs" Inherits="Web.JqueryCache" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function testAdd() {
$("#testdiv").data("nameKey", "我是要缓存的值");
}
function testGet() {
alert($("#testdiv").data("nameKey"));
}
function testDiv() {
alert($("#testdiv").html());
}
function testRemove() {
$("#testdiv").removeData("nameKey");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" οnclick="testAdd()" value="添加缓存数据" /><br />
<input type="button" οnclick="testGet()" value="获取缓存数据" /><br />
<input type="button" οnclick="testRemove()" value="清除缓存数据" /><br />
<input type="button" οnclick="testDiv()" value="获取DIV的值" /><br />
<div id="testdiv">
</div>
</div>
</form>
</body>
</html>
如果ID为testDiv的div没有被设置缓存则获取到的值为undefined