国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Jquery Ajax.ashx 高效分頁實現代碼

2019-11-21 01:03:51
字體:
來源:轉載
供稿:網友
以前的我,用慣了 UpdatePanel UpdateProgress 等控件,甚至到了濫用的程度,只是一味的追求無刷新,一邊弄這 loading 圖片 提示,這樣貌似更美觀,但是 感覺 更損失了性能, 而且有時候還破壞了網站的完整性。

但是學了Jquery之后,了解了 Jquery.ajax ,Jquery.get 等方法,從而學會了使用 webservice 和.ashx 文件,來與服務器交互。
這次的Jquery分頁 是與 .ashx文件配合的。
建立三個.ashx,分別為PreviewHandler.ashx,PageHandler.ashx,NextHandler.ashx,分別來處理當前頁,下一頁,上一頁的處理。
PageHandler.ashx
復制代碼 代碼如下:

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
IQueryable<Answer> answer = xt.Answer.Take(10);
StringBuilder sb = new StringBuilder();
sb.Append("<table border='1' width='900px;'><tr><th>回答內容</th><th>回答用戶名</th><th>創建時間</th></tr>");
foreach (Answer a in answer)
{
sb.Append("<tr><td>" + a.Answer_content + "</td><td>" + a.Answer_UserName + "</td><td onclick='javascript:alert("+"aa"+")'>" + a.Answer_Creatime + "</td></tr>");
}
sb.Append("</table>");
context.Response.Write(sb);
}

NextHandler.ashx
復制代碼 代碼如下:

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
int RowCount = 10;
int Current = Convert.ToInt32(context.Request.Params["index"]) + 1;
IQueryable<Answer> answer = xt.Answer.Skip(RowCount * (Current - 1)).Take(RowCount);
StringBuilder sb = new StringBuilder();
sb.Append("<table border='1' width='900px;'><tr><th>回答內容</th><th>回答用戶名</th><th>創建時間</th></tr>");
foreach (Answer a in answer)
{
sb.Append("<tr><td>" + a.Answer_content + "</td><td>" + a.Answer_UserName + "</td><td>" + a.Answer_Creatime + "</td></tr>");
}
sb.Append("</table>");
context.Response.Write(sb);
}

PreviewHandler.ashx
復制代碼 代碼如下:

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
int RowCount = 10;
int Current = Convert.ToInt32(context.Request.Params["index"]) - 1;
IQueryable<Answer> answer = xt.Answer.Skip(RowCount * (Current - 1)).Take(RowCount);
StringBuilder sb = new StringBuilder();
sb.Append("<table border='1' width='900px;'><tr><th>回答內容</th><th>回答用戶名</th><th>創建時間</th></tr>");
foreach (Answer a in answer)
{
sb.Append("<tr><td>" + a.Answer_content + "</td><td>" + a.Answer_UserName + "</td><td>" + a.Answer_Creatime + "</td></tr>");
}
sb.Append("</table>");
context.Response.Write(sb);
}

三個文件其實代碼大多類似,然后通過html或者aspx文件來調用,用Jquery.get()
復制代碼 代碼如下:

<div id="lab">
<input type="button" onclick="Init();" value="初始化數據" />
<div id="content" style="width:100%">
</div>
<div id="PagePanel">
<div style="color:Red;" id="PageInfo"></div>
<a href="#" onclick="Preview();">上一頁</a>
<a href="#" onclick="Next()">下一頁</a>
</div>
<!--用存儲當前頁碼 -->
<input type="hidden" class="currIndex" />
</div>
var Init=function(){
$.get("PageHandler.ashx",function(data){
document.getElementById('content').innerHTML=data;
$('.currIndex').attr('value',"1");
document.getElementById("PageInfo").innerHTML="當前第1頁";
});
}
var Preview=function(){
var current=$('.currIndex').attr('value');
var pre=Number(current)-1;
$.get("PreviewHandler.ashx",{index:current},function(data){
document.getElementById('content').innerHTML=data;
$('.currIndex').attr('value',pre);
document.getElementById("PageInfo").innerHTML="當前第"+pre+"頁";
});
}
var Next=function(){
var current=$('.currIndex').attr('value');
var next=Number(current)+1;
$.get("NextHandler.ashx",{index:current},function(data){
document.getElementById('content').innerHTML=data;
$('.currIndex').attr('value',next);
document.getElementById("PageInfo").innerHTML="當前第"+next+"頁";
});
}

調用.ashx文件生成的數據即可,點擊下一頁,將NextHandler.ashx文件的內容覆蓋PageHandler.ashx文件內容。
結果如圖:

有待解決的問題是,對這些行進行編輯,我在.ashx文件加了 一個 <tr onclick='del();'></tr>
而且在.aspx文件上也寫了del 方法,但是會報錯, object expected error ,這個錯誤,應該是找不到 del方法吧,他們的生成時間,不懂,還未解決,
誰能解決可以告訴我。。。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 浮山县| 阳高县| 灌南县| 长顺县| 延长县| 凌海市| 花莲市| 信宜市| 苏尼特左旗| 北流市| 汾阳市| 拜泉县| 株洲县| 阳江市| 郑州市| 沂水县| 周宁县| 时尚| 湛江市| 景洪市| 苍山县| 航空| 南部县| 阿城市| 石阡县| 阳城县| 宝山区| 上栗县| 县级市| 翁牛特旗| 宝丰县| 砀山县| 锡林郭勒盟| 阳新县| 灯塔市| 济源市| 应城市| 靖安县| 内黄县| 蒙城县| 额尔古纳市|