如何用AJAX實現(xiàn)網(wǎng)頁無刷新功能_AJAX教程
推薦:AJAX入門教程1.創(chuàng)建 XMLHttpRequest 對象 現(xiàn)在的瀏覽器有很多種,創(chuàng)建 XMLHttpRequest 的方法也不相同,所以為了兼容各種瀏覽器,在創(chuàng)建 XMLHttpRequest 時也應(yīng)該考慮到各種瀏覽器的情況。目前主流的瀏
在本篇教程中,數(shù)據(jù)庫的表名和日志查看頁面以L-Blog為例,因為我的博客程序是從L-Blog修改而來。
本教程中的例子已經(jīng)通過實際測試,可以直接在L-Blog或FBS中使用。當(dāng)然,要真正應(yīng)用的話還是需要做一些美化及完善的。
在數(shù)據(jù)庫中日志內(nèi)容數(shù)據(jù)表名為blog_Content,其中日志ID為log_ID,日志標(biāo)題為log_Title,日志查看頁面為blogview.asp,參數(shù)為日志logID。有了這些資料,就可以開始創(chuàng)建搜索結(jié)果的XML文檔模板了。在顯示搜索結(jié)果時,需要顯示日志的標(biāo)題,以及日志的ID來創(chuàng)建到查看日志的鏈接。
搜索結(jié)果模板sample.xml
CODE: 每個result就是一個搜索結(jié)果,為了處理沒有找到相關(guān)內(nèi)容的情況,我定義了當(dāng)搜索結(jié)果為空時logid為#。 搜索結(jié)果輸出ajaxsearch.asp CODE: 有了后臺搜索結(jié)果輸出的部分,就可以開始寫前臺搜索的部分了。 ajaxsearch.htm CODE:
在完成XML文檔模板之后,就可以用ASP來動態(tài)生成搜索結(jié)果需要的XML文檔了。搜索的關(guān)鍵字采用POST方式來傳遞。
首先需要的是給用戶輸入搜索關(guān)鍵字及顯示搜索結(jié)果的地方,我用div來分別顯示這兩個部分: