Ajax動態滾動載入資料

2022-08-05 17:21:19 字數 2022 閱讀 6776

更新核心滾動**:

$(window).scroll(function

() }

});

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

create

procedure

proctest

@pagesize

int,

@pagenumber

intas

select

*from ( select row_number()over (order

by userid)as rownum,c_name,user_email from ehrusers where c_name<>

'')

asproducts

where rownum between

@pagesize

*(@pagenumber

-1)+

1and

@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**了:

頁面:

doctype html

>滾動測試

title

>

<

style

>

.maindiv

.item

.title

.content

style

>

<

script

src="scripts/jquery-1.7.1.js"

>

script

>

head

>

<

body

>

<

h1>滾動測試

h1>

<

div

class

="maindiv"

>

div>

body

>

html

>

js:

最終效果:

滾動前:

大功告成!

Ajax動態滾動載入資料

核心 更新 window scroll function 首先,準備乙個分頁的儲存過程 create procedure proctest pagesize int,pagenumber int as 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...