RSH(Really Simple History)记录ajax的浏览历史

来源：互联网发布：linux在根目录下新建编辑：程序博客网时间：2024/06/06 02:57

下载地址：http://code.google.com/p/reallysimplehistory/downloads/list

RSH0.6FINAL文件夹下的公用文件有：blank.html、json2005.js、json2007.js、rsh.compressed.js、rsh.js。下面我就用它写个简单的Demo：

index.html的代码如下：

    <!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" xml:lang="zh" lang="zh" dir="ltr">      <head>          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />          <script type="text/javascript" src="jq.js"></script>          <script type="text/javascript" src="json2007.js"></script>          <script type="text/javascript" src="rsh.js"></script>          <title>Example | xHTML1.0</title>      </head>      <body>      <div id="test"></div>                 <a href="#" onclick="test();return false;">click</a>          <script type="text/javascript">          <!--              window.dhtmlHistory.create({                  debugMode: false              });                     var hash_num = 0;              function test() {                  hash_num++;                  $.get("test.php?r="+Math.random(),function(data){                      new_hash=hash_num;                      $("#test").html(data);                      dhtmlHistory.add(new_hash,data);                  });              }                     $(document).ready(function(){                  dhtmlHistory.initialize();                  dhtmlHistory.addListener(changeHistory);              });                     function changeHistory(hash, data) {                  $("#test").html(data);              }          //-->          </script>      </body>      </html>

test.php代码大致如下：

    <?php          $x = $_GET['r'];          echo "{$x}:" . MD5($x);      ?>