Ajax動態滾動載入資料

2021-06-18 11:15:01 字數 1289 閱讀 5232

核心**更新

$(window).scroll(function()

});

首先,準備乙個分頁的儲存過程:

create procedure proctest

@pagesize int,

@pagenumber int

as select *

from ( select row_number()over (order by userid)as rownum,c_name,user_email from ehrusers where c_name<>''

) as products

where rownum between @pagesize*(@pagenumber-1)+1 and @pagesize*@pagenumber

exec dbo.proctest 20, 1

接著,寫乙個取資料的c#方法:

//test

public static datatable gettable(int pagesize, int pagenum)

, ", pagesize, pagenum);

dataset ds = sqlhelper.executedataset(connstring.getconstring, commandtype.text, sql);

if (ds.tables.count > 0 && ds.tables[0].rows.count > 0)

else

}

ajax請求資料的邏輯,呼叫剛才的方法,返回json:

protected void page_load(object sender, eventargs e)

}

其中用到了乙個aspx頁面作為controller。

接下來,就是比較重要的頁面和js**了:

頁面:

js:

最終效果:

滾動前:

滾動自動重新整理:

後來又對這一版本進行了一些改進,詳見:

Ajax動態滾動載入資料

更新核心滾動 window scroll function 首先,準備乙個分頁的儲存過程 create procedure proctest pagesize int,pagenumber intas select from select row number over order by useri...

ajax動態載入html模組

在開發網頁的工作中,我們會經常遇到乙個事情,多個頁面的某乙個或某幾個部分是相同的,如何復用這些部分從而節省開發時間呢,在asp,jsp開發中就有引用模組的概念,現在我們來利用ajax實現模組引用,請看一段html 假設這是公共的部分,很多頁面都會引用這部分 我們可以將公共部分用乙個在html中沒有的...

滑輪滾動到頁面底部ajax載入資料配合json實現

滾動下拉到頁面底部載入資料是很多瀑布流 的做法,那來看看配合jsonp是如何實現的吧,小菜總結記錄之用,高手勿噴。當然本例子採用的是jquery庫,後期會做成原生js。本例的資料呼叫的是鋒利的jquery一書提供的一段json。首先要先判斷頁面怎麼樣才是滾動到底部,也就是scrolltop wind...