核心**更新:
$(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...