Ajax實現無刷新導航

 Ajax   

 

     我們知道,常見的導航一般就是  <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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章