Jquery+JSon 无刷新分页实现代码

2020-05-23 06:00:39易采站长站整理

string script = “rn<script src=”” + HttpUtility.HtmlAttributeEncode(url) + “” type=”text/javascript”></script>”;
this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), resourceName, script, false);
script = @”<script type=””text/javascript””>$(document).ready(function() {InitPageBar(5, “”BookListByPage””, “”Books “”, 50,””pageA””);});</script>”; this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), “ready”, script);
}
protected override void Render(HtmlTextWriter writer) {
base.Render(writer);
}
}
}

JS资源文件代码:

var displayCount;
var getDataUrl;
var bookTableId;
var currentIndex;
var pageCount;
var linkClass;
var fields;
function InitPageBar(dc, gdu, btId,pc,lc) {
displayCount = dc;
getDataUrl = gdu;
bookTableId = btId;
currentIndex = 1;
pageCount = pc;
linkClass = “.”+lc;
$(linkClass).click(GetPage);
}
function GetPageById(id) {
$(“#CI”).val(id);
var surl = getDataUrl+”?pageIndex=” + id;
$.ajax({
url: surl,
type: “GET”,
dataType: “json”,
timeout: 1000,
success: showResult
}
);
}
function GetPage() {
GetPageById($(this).get(0).id);
}
function showResult(result) {
for (i = 1; i <= result.Data.length; i++) {
var id = “#” + bookTableId + ” tr:nth-child(” + i + “)”;
obj = result.Data[i – 1];
for (var key in obj) {
ctl = $(id).find(“.” + key);
if (ctl.length > 0) {
ctl.get(0).innerHTML = obj[key];
}
}
}
$(linkClass).each(function(index) {
var i, b, e;
if (result.CurrentPageIndex <= displayCount) {
b = 1;
e = (displayCount + 1) * 2;
i = index – 2 + 1;
}
else if (result.CurrentPageIndex > pageCount – displayCount) {
b = pageCount – displayCount * 2;
e = pageCount;
i = pageCount – displayCount * 2 + index – 2;
}
else {
i = result.CurrentPageIndex – displayCount + index – 2;
b = result.CurrentPageIndex – displayCount – 1;
e = result.CurrentPageIndex + displayCount + 1;
}
if ($(this).get(0).id == $(this).text()) {
$(this).text(i);
}
else if (index == 1) {
if (b <= 1) {
$(this).get(0).id = 1;
}
else {
$(this).get(0).id = b – 1;
}
}
else if (index == displayCount * 2 + 3) {
$(this).get(0).id = e;
}
$(this).attr(“href”, “#”);
if ((i >= b) && (i <= e)) {
$(this).get(0).id = i;
}
if ($(this).text == result.CurrentPageIndex) {
$(this).removeAttr(“href”);
}
});
currentIndex = result.CurrentPageIndex;