怎样使用ajax分页?怎样避免刷新重复提交?
rt
怎样使用ajax分页?怎样避免刷新重复提交?
asp.net的很多服务器控件都有提交表单的效果,
刷新的时候怎么才能避免呢?
[解决办法]
服务器控件,如果避免重复的刷新,可以用来显示一些数据,比如下拉,就是绑定一些数据,显示即可,尽量不要有什么逻辑动作,具体的操作,可以由ajax去做,提交到后天cs代码(非页面)去处理数据,然后返回,由js输出到界面
[解决办法]
我使用的是sql分页
string sql = "select * from (select *,row_number() over (order by id) as r_num from Topic) as rum_table where r_num between (@page-1) * @pagesize+1 and @pagesize * @page"
var currentPage = 1;
var pagesize = 20;
var pageCount;
//下一页
function loadNext() {
currentPage = currentPage + 1;
loadData(currentPage, pagesize);
//alert(currentPage);
}
//上一页
function loadPrev() {
currentPage = currentPage - 1;
loadData(currentPage, pagesize);
//alert(currentPage);
}
//访问指定页
function GoToPage() {
var toPage = $("#ToPage").val();
if (toPage < 1
[解决办法]
toPage > pageCount) {
$.messager.alert("系统提示", "不存在的页码!!", "info");
$("#ToPage").val("");
return false;
}
loadData(toPage, pagesize);
currentPage = parseInt(toPage, 10);
}
//加载数据
function loadData(currentPage, pagesize) {
$.ajax({
url: "loadTable.ashx",
data: { "getType": "1", "currentPage": currentPage, "pagesize": pagesize, "t": Math.random() },
type: "post",
success: function (data) {
$("div#topicTable").html(data);
$("#addButton").show();
var count = $("#count").val();
if (count % pagesize == 0) {
pageCount = count / pagesize;
} else {
pageCount = parseInt((count / pagesize), 10) + 1;
}
$("#currentPage").html(currentPage);
$("#countPage").html(pageCount);
//alert(pageCount);
if (currentPage == 1) {
//上一页按钮
$("#prev").hide();
}
//下一页按钮
if (currentPage == pageCount) {
$("#next").hide();
}
}
});
}