AJAX技巧:如何处理书签和后退按钮(二)

2014-11-23 22:14:49 · 作者: · 浏览: 1
制是否在打印新的调试消息之前清除原有的全部消息。

  开发人员使用add()方法添加历史记录事件。添加历史记录事件涉及为历史记录变化指定一个新地址,例如edit:SomePage,以及提供一个和该事件一起保存的可选historyData值。

window.onload = initialize;

function initialize() {
 // initialize the DHTML History
 // framework
 dhtmlHistory.initialize();

 // subscribe to DHTML history change
 // events
 dhtmlHistory.addListener(historyChange);

 // if this is the first time we have
 // loaded the page...
 if (dhtmlHistory.isFirstLoad()) {
  debug("Adding values to browser " + "history", false);
  // start adding history
  dhtmlHistory.add("helloworld", "Hello World Data");
  dhtmlHistory.add("foobar", 33);
  dhtmlHistory.add("boobah", true);

  var complexObject = new Object();
  complexObject.value1 = "This is the first value";
  complexObject.value2 = "This is the second data";
  complexObject.value3 = new Array();
  complexObject.value3[0] = "array 1";
  complexObject.value3[1] = "array 2";

  dhtmlHistory.add("complexObject", complexObject);


  在add()被调用之后,新的地址将立即作为一个锚值(链接地址)显示在浏览器的URL地址栏中。例如,对地址为http://codinginparadise.org/my_ajax_app的AJAX Web页面调用dhtmlHistory.add("helloworld", "Hello World Data")之后,用户将会在其浏览器URL地址栏中看到如下的地址:

  http://codinginparadise.org/my_ajax_app#helloworld

  然后用户可以将这个页面做成书签,如果以后用到这个书签,AJAX应用程序可以读取#helloworld值,并用它来初始化Web页面。散列后面的地址值是RSH框架可以透明编码和解码的URL地址。


HistoryData非常有用,它保存比简单的URL更为复杂的AJAX地址变化状态。这是一个可选值,可以是任何JavaScript类型,例如Number、String或Object。使用该保存功能的一个例子是在一个富文本编辑器中保存所有文本(比如在用户离开当前页面时)。当用户再回到这个地址时,浏览器将会将该对象返回给历史记录变化监听器。

  开发人员可以为historyData提供带有嵌套对象和表示复杂状态的数组的完整java script对象;JSON (java script Object Notation)所支持的在历史记录数据中都支持,包括简单数据类型和null类型。然而,DOM对象以及可用脚本编写的浏览器对象(如XMLHttpRequest)不会被保存。请注意,history