我們知道,常見的導航一般就是 <a href="index.php">首頁</a> 這樣的,點擊標籤就轉到下一個頁面。最近在學習Ajax,於是就想到做一個無刷新的導航來練習一下,操作如下:
新建一個index.html,代碼:
然後再新建相應的content1.html,content2.html,content3.html,content4.html最好寫上不同的內容以示區分。
另外需要說明的是,http_request.responseText這個返回的內容是以utf-8編碼的,而如果我們用Dreamweaver去寫html,它默認的是gb2312編碼格式,這樣就會導致亂碼的出現。我們可以手動修改Dreamweaver的編碼格式:修改-->頁面屬性-->標題/編碼-->編碼,然後選擇utf-8即可。
see Yizero by yizero.com