<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table>
<tr>
<td></td>
<td>ID</td>
<td>会员信息</td>
<td>密码</td>
<td>城市</td>
<td>照片</td>
<td>操作</td>
</tr>
{volist name="data.list" id="value"}
<tr>
<td><input type="checkbox" name="box" value="{$value.id}" data-page="{$page}"></td>
<td>{$value.id}</td>
<td>{$value.name}</td>
<td>{$value.pwd}</td>
<td>{$value.city}</td>
<td> <img src="{$value.image}" width="50px" height="50px" /></td>
<td><input type="button" class="del" data-page="{$page}" data-id="{$value.id}" value="删除"></td>
</tr>
{/volist}
</table>
<input type="button" class="dian" data-page="1" value="首页">
<input type="button" class="dian" data-page="{$data.prev}" id="prev" value="上一页">
<input type="button" class="dian" data-page="{$data.next}" id="next" value="下一页">
<input type="button" class="dian" data-page="{$data.last}" id="last" value="尾页">
<input type="button" class="del_all" value="批删" data-page="{$page}">
<form action="http://127.0.0.1/www.yy5.com/tp5.1/public/index.php/index/lian/show" method="post">
<input type="text" name="sou1">
<input type="text" name="sou2"><input type="submit" value="搜素">
</form>
</body>
</html>
<script type="text/javascript" src="../../../jquery-3.3.1.min.js"></script>
<script>
$('.dian').click(function(){
var getpage=$(this).attr('data-page');
// var sou1=$('#sou1').val();
// alert(sou1);
page(getpage);
})
function page(getpage){
$.ajax({
url:'show',
type:'post',
dataType:'json',
data:{
page:getpage,
flag:true,
},
success:function(data){
console.log(data);
var list=data['list'];
var str='';
$(list).each(function(key,value){
str+='<tr>';
str+='<td><input type="checkbox" name="box" value="'+value.id+'" data-page="'+data.page+'"></td>';
str+='<td>'+value.id+'</td>';
str+='<td>'+value.name+'</td>';
str+='<td>'+value.pwd+'</td>';
str+='<td>'+value.city+'</td>';
str+='<td><img src="'+value.image+'" width="50px" height="50px" alt=""></td>';
str+='<td><input type="button" class="del" data-id="'+value.id+'" data-page="'+data.page+'" value="删除"></td>';
str+='</tr>';
})
$('tr').not(':first').remove();
$('tr:first').after(str);
$('#prev').attr('data-page',data.prev);
$('#next').attr('data-page',data.next);
}
})
}
$(document).on('click','.del',function(){
// $('.del').click(function(){
var id=$(this).attr('data-id');
var getpage=$(this).attr('data-page');
// alert(id);
$.ajax({
url:'dell',
dataType:'json',
data:{
id:id
},
success:function(e){
console.log(e);
if(e.code==0){
alert(e.msg);
page(getpage);
}
}
})
})
$('.del_all').click(function(){
var box=document.getElementsByName('box');
var str='';
for(i=0;i<box.length;i++){
if(box[i].checked==true){
str+=","+box[i].value;
}
};
var id=str.substr(1);
var getpage=$(this).attr('data-page');
alert(getpage);
$.ajax({
url:'all',
dataType:'json',
data:{
id:id
},
success:function(e){
console.log(e);
if(e.code==0){
alert(e.msg);
page(getpage);
}
}
})
})
</script>
