var total_page=1;
function first_page(){$("#page_no").val("1");do_search();}
function prev_page(){
if($("#page_no").val()<=1){
alert("已经是第一页"); return false;
}
$("#page_no").val(($("#page_no").val()-1));
do_search();
}
function next_page(){
if($("#page_no").val()>=total_page){
alert("已经是最后一页"); return false;
}
$("#page_no").val(($("#page_no").val()*1+1));
do_search();
}
function last_page(){$("#page_no").val(total_page);do_search();}
$("body").on("click",".edit_btn",function (){
var id=$(this).parents("tr").attr("id");
window.open("?c=aqgk&m=add&id="+id);
});
$("body").on("click",".view_btn",function (){
var id=$(this).parents("tr").attr("id");
window.open("?c=aqgk&m=view&id="+id);
});
$("body").on("click",".del_btn",function (){
var tr=$(this).parents("tr");
if(confirm("确定删除吗?")){
var id=tr.attr("id");
$.get("?c=aqgk&m=del&id="+id,function(){
tr.remove();
});
}
});
function do_search(){
var sarr=[];
$("[_name]").each(function(){
sarr.push([$(this).attr("_name"),$(this).val(),$(this).attr("_type")]);
});
var url="?c=aqgk&m=get_json&zt=<?php echo $_GET['zt']; ?>&page="+$("#page_no").val()+"&where="+JSON.stringify(sarr);;
url=encodeURI(url);
$.ajax({
url:url,
dataType:"JSON",
success:function(dt){
total_page=Math.ceil(dt['total']/10);
$(".total_page").html(total_page);
$(".total").html(dt['total']);
var datas=dt['rows'];
$("#list").empty();
for(o in datas){
var data=datas[o];
$("#list").append(replace_tmp($("#tmpstr").html(),data));
}
}
});
}
列表页面JS
最新推荐文章于 2023-03-26 17:33:02 发布
这段代码展示了如何使用JavaScript实现列表页面的翻页功能,包括首次加载、上一页、下一页、最后一页的切换。同时,实现了点击编辑、查看和删除按钮的操作,通过AJAX进行异步数据交互,动态更新页面内容。
摘要由CSDN通过智能技术生成