假設有一個頁面index.asp,上半部分為評論列表顯示區域,下面為評論提交區域。那么這樣一個頁面我們如何顯示評論內容和提交評論呢?
傳統:上半部分評論列表直接通過數據庫查詢語句讀取并顯示,每當提交新的評論時,先傳遞給處理頁面,處理頁面處理完畢后再返回index.asp這個頁面,當然index.asp是重新加載獲得新的評論。
Ajax::首先列表頁面的內容是一個單獨的xml文件(pl_list.asp),然后index..asp中的上半部分評論通過XmlHttpRequest請求pl_list.asp頁面,并通過返回的結果傳遞到需要更新區域。提交評論同樣如此,每次提交采用XmlHttpRequest請求提交處理程序,然后重新更新評論列表顯示區域。
此新聞評論系統共分為五個部分,分別為數據庫、前臺頁面、JS代碼、服務器處理、CSS樣式。
數據庫的設計
PL表:
字段名 類型 長度
id 自動編號
user 文本 20
dateandtime 日期/時間
content 備注
newid 數字
前臺頁面:(index.htm)
前臺頁面共包括兩部分,上半部分為頁面評論列表顯示,下半部分為提交評論。由于我們這里只是模擬一個新聞評論系統,并沒有真正的新聞頁面,那么在傳遞新聞ID的時候我們采用了一個默認值<input name="newsid" value="1" type="hidden"/>。