smarty mysql_ajax结合mysql数据库和smarty实现局部数据状态的刷新方法

效果状态：通过点击锁定状态实现状态锁定与不锁定之间的切换

1.主程序：01.php导入smarty和mysql类，取得数据导入列表模板

include './include/Mysql.class.php';

include './libs/Smarty.class.php';

$db=new Mysql;

$smarty=new Smarty;

$lists=$db->getALL('users');

$smarty->assign('lists',$lists);

$smarty->display('list.html');

?>

2.列表模板采用smarty遍历模板数据并显示，其中调用ajax改变锁定状态

用户权限展示表

用户权限表

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

{foreach $lists as $list}

{$list.uid}{$list.username}{$list.password}

{if $list.is_lock==1}

锁定

{else}

取消锁定

{/if}

{if $list.role==1}

管理员

{else}

编辑者

{/if}

{/foreach}

function lock(lock,uid){

//创建ajax对象

var xhr=new XMLHttpRequest();

//打开一个链接

xhr.open('get','02.php?is_lock='+lock+"&uid="+uid);

//发送ajax请求

xhr.send(null);

//设置回调、监听函数

xhr.onreadystatechange=function(){

//如果ajax状态码响应正常且网络正常，获取响应文本

if(xhr.readyState==4&&xhr.status==200){

if(xhr.responseText){

window.location.reload();

}else{

alert("切换状态失败！");

}

}

}

}

3.ajax响应脚本，接收ajax通过get方式传递过来的数据更改数据库内容并响应文本传回js脚本

include './include/Mysql.class.php';

$lock=$_GET['is_lock'];

$uid=$_GET['uid'];

$db=new Mysql;

$result=$db->update('users',"is_lock=$lock","uid=$uid");

if($result){

echo true;

}else{

echo false;

}

?>

以上这篇ajax结合mysql数据库和smarty实现局部数据状态的刷新方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。