好资源导航 » 文章资讯 » ajax实现改变状态和删除无刷新的实例

ajax实现改变状态和删除无刷新的实例

2023-09-19 00:01:05 67

1.01.php为主程序，调用smarty模板遍历输出：

getALL('users');
$smarty->assign('lists',$lists);
$smarty->display('list.html');
?>

2.list.html模板:内容结合JSajax使用：





用户权限展示表


//给table体设置一个div，方便js调用


用户权限表

uid用户名密码锁定状态角色操作

{foreach$listsas$list}

{$list.uid}
{$list.username}
{$list.password}
{if$list.is_lock==1}
锁定
{else}
取消锁定
{/if}
{if$list.role==1}
管理员
{else}
编辑者
{/if}
删除

{/foreach}

functionlock(lock,uid){ //创建ajax对象 varxhr=newXMLHttpRequest(); //打开一个链接 xhr.open('post','02.php'); //设置头信息 xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); //取值,多个参数用&分开 vardata="is_lock="+lock+"&uid="+uid; //发送ajax数据请求 xhr.send(data); //设置回调、监听函数 xhr.onreadystatechange=function(){ //如果ajax状态码响应正常且网络正常，获取响应文本 if(xhr.readyState==4&&xhr.status==200){ if(xhr.responseText){ document.getElementById('table').innerHTML=xhr.responseText; }else{ alert("切换状态失败！"); } } } } functiondel(uid){ vardel=window.confirm("您确定要删除吗？"); if(del){ //创建ajax对象 varxhr=newXMLHttpRequest(); //打开一个链接 xhr.open('post','del.php'); //设置header头 xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); //data取值 vardata="uid="+uid; //发送ajax请求 xhr.send(data); //设置监听 xhr.onreadystatechange=function(){ //如果ajax状态码响应正常且网络正常，获取响应文本 if(xhr.readyState==4&&xhr.status==200){ if(xhr.responseText){ //用ajax响应内容替换本模板中table标签的内容 document.getElementById('table').innerHTML=xhr.responseText; }else{ alert("删除失败！"); } } } } }

3.02.php改变状态无刷新：

update('users',"is_lock=$lock","uid=$uid");
if($result){
//修改成功重新遍历数据库并输出smarty模板
$lists=$db->getALL('users');
$smarty->assign('lists',$lists);
$smarty->display('list.html');
}else{
echofalse;
}
?>

4.del.php实现删除无刷新

delete('users',$uid);
if($res>0){
$lists=$db->getALL('users');
$smarty->assign('lists',$lists);
$smarty->display('list.html');
}else{
echofalse;
}
?>

以上这篇ajax实现改变状态和删除无刷新的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

ajax实现改变状态和删除无刷新的实例

用户权限表

热门推荐

随机推荐