node+ajax实战案例(6)
2024-09-02 14:40:18
8.删除客户
8.1.发送id到后台
删除用户信息比较简单,只需要把对应行的id发送到后台就可以了
oTable.onclick = function (ev) {
var ev = ev || event;
var aTd = ev.target.parentNode.parentNode.children
// 点击删除按钮 删除对应的行
if(ev.target.innerHTML === "删除"){
ajax({
method: 'post',
url: '/delete',
data: 'id='+aTd[0].innerHTML,
success: function (result) {
if(result.status === 0){
alert('删除成功');
window.location.reload();
}
}
})
}
//如果点击的是修改 需要回显编辑框
if(ev.target.innerHTML === "修改"){
editUser.style.display = "block";
editUser.style.left = document.documentElement.clientWidth / 2 - editUser.offsetWidth / 2 + "px";
editUser.style.top = document.documentElement.clientHeight / 2 - editUser.offsetHeight / 2 + "px";
// 把当前行的数据显示到表单中
editUsername.value = aTd[1].innerHTML;
editEmail.value = aTd[2].innerHTML;
editPhone.value = aTd[3].innerHTML;
editQq.value = aTd[4].innerHTML;
editId.value = aTd[0].innerHTML;
}
};
8.2.后台接收数据并且删除数据库中符合条件的记录
// 删除数据
if(url_obj.pathname === '/delete' && req.method === 'POST'){
var user_info = '';
req.on('data', function (chunk) {
user_info += chunk;
});
req.on('end', function (err) {
if(!err){
var user_obj = queryString.parse(user_info);
var sql = 'DELETE FROM user WHERE id='+Number(user_obj.id);
connection.query(sql, function (error, result) {
if(!error && result){
res.write('{"status":0,"message":"删除成功"}');
res.end();
}
})
}
})
return;
}
9.退出登录
9.1.cookie
首先,我们要搞明白cookie是什么?Cookie 是在 HTTP 协议下,服务器或脚本可以维护客户工作站上信息的一种方式。Cookie 是由 Web 服务器保存在用户浏览器(客户端)上的小文本文件,它可以包含有关用户的信息。无论何时用户链接到服务器,Web 站点都可以访问 Cookie 信息
下面是cookie在用户登录中的应用
9.2.验证登录权限
在node中使用cookie,我们可以去安装一个cookie包,这个包中封装了一下方法方便我们设置和获取cookie,首先需要安装这个包
npm install cookie --save
在index.js文件中,"/login"这个路由判断内添加设置cookie的代码
//需要先在index.js头部引入cookie模块
var cookie = require("cookie");
// 在login返回数据前设置cookie
if(!error && result && result.length !== 0){
// 这里是新加的内容 返回一个是否登录的标识
res.setHeader('Set-Cookie', cookie.serialize('isLogin', "true"));
res.write('{"status":0, "message":"登录成功"}', 'utf-8');
res.end();
}else{
res.write('{"status":1, "message":"用户名或者密码错误"}', 'utf-8');
res.end();
}
接下来,需要新增一个渲染后台页面的路由,并根据cookie来决定是否渲染
//加载后台首页
if(url_obj.pathname === "/admin.html" && req.method === "GET"){
var cookie_obj = cookie.parse(req.headers.cookie || '')
if(cookie_obj.isLogin === "true"){
render("./template/admin.html", res);
}else {
render('./template/error.html', res);
}
return;
}
9.3.退出操作
//退出
if(url_obj.pathname === "/logout" && req.method === "GET"){
// 修改cookie中登录的标识
res.setHeader('Set-Cookie', cookie.serialize('isLogin', ""));
render("./template/index.html", res);
return
}
螺钉课堂视频课程地址:http://edu.nodeing.com
最新文章
- 2.快速部署MySQL主从复制
- vs vim 插件
- Java基础——I/O续
- PHP程序的一次重构记录
- 通过JS判断联网类型和连接状态
- hud1856 并查集
- 关于C#中函数的认识
- IntelliJ IDEA重启Tomcat
- caffe操作技巧
- java基础篇---异常处理
- iOS开发-UIImageView响应点击事件
- python汉字转拼音
- C# 转换Json类
- LeetCode OJ:Ugly Number II(丑数II)
- c++多线程编程:实现标准库accumulate函数的并行计算版本
- python之爬虫--番外篇(一)进程,线程的初步了解
- uva 10808 - Rational Resistors(基尔霍夫定律+高斯消元)
- NPOI操作之一EXCEL数据导入数据库
- Python编码报错
- 超快的maven setting文件
热门文章
- @Transactional 注解失效场景
- MAVEN添加本地仓库和注意事项!
- Linux(十) —— 使用 rz 和 sz 命令上传与下载
- Ftrace的部分使用方法
- Java实现 LeetCode 415 字符串相加
- Java实现 蓝桥杯VIP 算法提高 传染病控制
- 获取ip地址,并根据ip获取当前省份
- xlua中lua对象到c#对象的转型
- 白嫖永久免费云服务器教程,永久免费虚拟主机、永久免费云数据库、搭建FTP服务器、服务器安装Linux / windows操作系统、服务器部署网站、宝塔一键部署多网站、独立ip、永久国内高速云服务器
- TensorFlow从0到1之TensorFlow实现单层感知机(20)