DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 讓Ajax網頁帶有後退功能
讓Ajax網頁帶有後退功能
編輯:AJAX詳解     

在AJAX做了一個項目後,測試人員告訴我,新聞列表翻了很多頁後,當查看過一條新聞的詳細信息返回目錄的時候,不能返回到已經翻過的頁碼,而要從第一頁重新翻,這樣很郁悶。網上面找到一篇<開發保留標准浏覽器功能的AJax應用程序>的文章,按照裡面的介紹,把響應的代碼節選出來,保留在這裡。

我實現原理是:每翻一次頁,把當前的頁碼存入碎url的碎片標識中,待客戶查看完詳細信息後返回到目錄,在目錄的body的onload事件執行setOptionValue,將碎片的內容獲取下來,再執行讀取目錄的函數;以達到保存翻頁信息的功能。

//使用URI的碎片標識符部分,創建狀態的歷史記錄;
function makeHistory(newHash)
{
  window.location.hash = newHash;
  expectedHash = window.location.hash;
  alert(expectedHash);
  return true;
}
//檢查浏覽器歷史記錄中的URI
function handleHistory()

  if ( window.location.hash != expectedHash )
  {
     alert(window.location.hash + "|" + expectedHash);
    expectedHash = window.location.hash;
    var newoption = expectedHash;
    setOptionValue( newoption );
  }
  return true;
}

function pollHash() {
  handleHistory();
  //window.setInterval("handleHistory()", 1000);
  return true;
}

//獲取碎片中的內容,可進行任何操作
function setOptionValue(value)
{
//  var myForm = document.make_history;
//  var mySelect = myForm.change_year;
//  mySelect.options[value-1].selected = true;
    document.getElementById("testDiv").innerHtml = value.replace('#','');
    Test(value.replace('#',''));
    alert(value.replace('#',''));
  return true;
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved