列表页面JS

这段代码展示了如何使用JavaScript实现列表页面的翻页功能,包括首次加载、上一页、下一页、最后一页的切换。同时,实现了点击编辑、查看和删除按钮的操作,通过AJAX进行异步数据交互,动态更新页面内容。
摘要由CSDN通过智能技术生成
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));
				}			
			}
		});


}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值