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

小鱼儿 2022-10-24 01:34 167阅读 0赞

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

![b611efdd0b10cd0ee6df383200660551.png][]

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;

\}

?>

[b611efdd0b10cd0ee6df383200660551.png]: /images/20221024/2bc93828c4cc4b10bc4e04db8ff010db.png

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关 AJAX如何使用get请求提交数据给服务器并实现数据局部刷新------AJAX

> <!DOCTYPE html> > <html lang="en"> > <head> > <meta charset="UTF-8

墨蓝/ 2024年02月18日 09:17/ 0 赞/ 69 阅读

相关 ajax调用mysql数据_ajax调用WebService实现数据库操作

首先说下测试环境和思路：前端收集数据转换成json格式传输到后端，处理并存入数据库 1.数据库操作： \[WebMethod\]public string Insert

末蓝、/ 2022年10月26日 14:22/ 0 赞/ 194 阅读

相关 ajax更新数据库mysql_ajax结合mysql数据库和smarty实现局部数据状态的刷新

效果状态：通过点击锁定状态实现状态锁定与不锁定之间的切换 ![b611efdd0b10cd0ee6df383200660551.png][] 1.主程序：01.php导入s

小鱼儿/ 2022年10月24日 01:34/ 0 赞/ 168 阅读

相关 ajax与数据库更新,ajax更新到数据库

我正在尝试将数据添加到数据库中，并且由于某种原因它并不总是有效。我会说有80％的时间它会工作，我会在数据库中看到结果，但有时它会像脚本一样不会运行。这里是ajax： $(

川长思鸟来/ 2022年09月03日 06:18/ 0 赞/ 181 阅读

相关 jQuery实现AJAX定时刷新局部页面实例

本篇文章通过两种方法实例讲解ajax定时刷新局部页面，当然方法有很多种，也可以不使用ajax来刷新页面，可以使用jquery中的append来给指定内容加东西，但是都不太实

向右看齐/ 2022年06月14日 06:09/ 0 赞/ 389 阅读

相关 ajax 局部刷新

1、jsp网页文件代码 <%@ page language="java" contentType="text/html; charset=utf-8" pageEnc

骑猪看日落/ 2022年06月11日 05:55/ 0 赞/ 313 阅读

相关 ajax局部更新表格节点数据

> 利用ajax获取后台传入的数据，实现在不刷新页面的情况下修改table数据简单的[Demo][]模拟从数据库获取的数据封装到json数组里， jquery部分

谁借莪１个温暖的怀抱￠/ 2022年06月01日 07:26/ 0 赞/ 192 阅读

相关 ajax局部刷新流程

ajax的实现步骤 (1) 通过事件调用js中的函数，通过函数创建ajax请求,也就是创建一个异步调用对象. (2) ajax里通过url键指定的值创建一个新的url执

秒速五厘米/ 2022年02月13日 04:49/ 0 赞/ 338 阅读

相关 JQuery Ajax局部刷新功能

直接通过一个案例来说明一下Ajax和JQuery的基本用法吧，用户注册时，判断当前用户名是否可用，通过弹窗的形式来通知用户，如果用户起的名字为skh则不允许注册，否则可以，就不

ゝ一纸荒年。/ 2022年01月23日 23:51/ 0 赞/ 334 阅读

相关 JQuery 极致ajax局部和整体刷新

JQuery 极致ajax局部和整体刷新。首先，先介绍方案古人语：“ 授人以鱼不如授人以渔”。那么我先来来说一下方案。 $p.load(url,data,func

偏执的太偏执、/ 2021年06月24日 14:34/ 0 赞/ 480 阅读