ASP.NET AJAX：一步步打造漂亮的新聞列表（無重新整理分頁、內容預覽）（1）

新聞列表是資訊管理系統中最常見的，也是最簡單的，一些簡單的新聞列表 就是一個table，然后里面迴圈寫入資料，沒有分頁。這樣如果資料量很大時， 情況就變得十分糟糕，往往開啟一個網頁就需要很長的時候，大大的降低了的用 戶的體驗效果。

而分頁的話也是很有講究的，不同的資料庫往往對應著不同的分頁方式。這 裡不做討論。下面我們僅以簡單的access作為資料庫來進行新聞列表的無重新整理分 頁。無重新整理意味著要使用ajax技術，當然無重新整理不僅僅是ajax，還有其他的方法 做到無重新整理，如將所有的資料一次性讀取出來，然後根據頁數的不同顯示不同的 內容，這個僅僅靠JavaScript就可以實現了，但是這個無疑是飲鴆止渴，和上面 沒有分頁效果是一樣的，換湯不換藥，僅僅是感覺上很好而已。

要使用ajax可以自己手動寫，也可以使用架構，我比較傾向於使用jquery來寫ajax，而且vs2010對jQuery的支援是很好的。而分頁的話，jQuery已經有現成 的外掛程式供我們使用。

下面開始打造漂亮的新聞第一步：需求分析

隨便在做什麼的時候，一定要知道你的需求是什麼，不然忙活了半天發現這 根本不符合需求，結果白忙活一場。

我們的需求如下：

1。動態新聞列表（這個很簡單）

2。可以分頁讀取新聞列表（這個也不難）

3。可以無重新整理的分頁讀取新聞列表（這個稍微有點難度）

4。可以預覽新聞的內容（這個也稍微有點難度）

5。介面友好（這個是必須的）

下面來詳細談談我們的需求：

對於1、2和5就不做說明了，網上可以找到大把的資料。就第三點和第四點來 說明下，其實如果是懂一點ajax的話，這些是小兒科。

3.==》無重新整理的分頁讀取新聞列表，在點擊下一頁的時候觸發事件，調用 ajax去資料庫中尋找下一頁的資料並返回，然後顯示在頁面上。

4==》預覽新聞內容，在滑鼠移到串連上面時觸發事件，得到新聞的id並使用 ajax去資料庫中尋找相應的新聞內容，截取一部分顯示在div裡面，這裡有一個 要注意的地方，就是如果截取的內容裡面有html標記時要特別注意下。

ok，需求分析弄好後，開始著手做了。準備如下環境：

vs2010 +access +jquery

開發環境vs也可以使用2008sp1，因為這個以上的版本才對jQuery有智能提示 ，當然也可以使用其他的版本，就是沒有智能提示的效果。

access資料庫的版本為2003

jquery：1.3.2以上版本

當然還有其他的檔案需要用到，這個以後才說，先來預覽下最後的效果吧：( 分頁的被預覽的部分遮住了.....)

註：本文的對象主要是ajax新手，或者是完全沒有接觸過，但想快速使用 ajax做出東西來的人。