把修改的信息提交到后台

最新推荐文章于 2022-03-29 14:15:08 发布

原创最新推荐文章于 2022-03-29 14:15:08 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个基于Node.js的应用程序，该程序实现了用户信息的增删改查功能。包括通过AJAX实现的登录验证、用户列表展示、用户信息删除及更新操作。详细展示了前端页面设计与后端交互的具体实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击03-sel-update.html中的提交按钮，将修改后的用户信息提交给myPro.js

后台：myPro.js

const express=require('express');
var router=express.Router();

//查询所有用户数据
router.get('/pro_List',(req,res)=>{
var sql='select * from xz_user';
pool.query(sql,(err,result)=>{
if(err) throw error;
res.send(result);
})
});

//删除功能
router.get('/ajaxDel',(req,res)=>{
var $uid=req.query.uid;
if(!$uid){
res.send("没获取到用户id");
return;
}
var sql="delete from xz_user where uid=?";
pool.query(sql,[$uid],(err,result)=>{
if(err) throw error;
res.send("1");//删除成功！
});
});

//根据uid查询当前用户的信息并响应给前端
router.get('/ajaxquery', (req,res)=>{
var $uid = req.query.uid;
//检测用户编号
if(!$uid){
res.send('没获取到用户id');
return;
}
var sql = `SELECT * FROM xz_user WHERE uid=?`;
pool.query(sql,[$uid],(err,result)=>{
res.send(result[0]);
});
});

//修改用户信息
router.post('/update',(req,res)=>{
var $uid=req.body.uid;
if(!$uid){
    res.send("没获取到用户id");
return;
}
var $uname=req.body.uname;
if(!$uname){
    res.send("没获取到用户姓名");
return;
}
var $upwd=req.body.upwd;
if(!$upwd){
    res.send("没获取到用户密码");
return;
}
var $email=req.body.email;
if(!$email){
    res.send("没获取到用户邮箱");
return;
}
var $phone=req.body.phone;
if(!$phone){
    res.send("没获取到用户联系方式");
return;
}
var $user_name=req.body.user_name;
if(!$user_name){
    res.send("没获取到用户真实姓名");
return;
}
var $gender=req.body.gender;
if(!$gender){
    res.send("没获取到用户性别");
return;
}
//执行修改的sql语句
var sql="update xz_user set uname=?,upwd=?,email=?,phone=?,user_name=?,gender=? where uid=?";
pool.query(sql,[$uname,$upwd,$email,$phone,$user_name,$gender,$uid],(err,result)=>{
    if(err) throw error;
res.send("修改成功！");
});

//导出
module.exports=router;});

前台：03-sel-update.html

<!doctype html>
<html>
<head>
    <title>修改</title>
    <meta charset="utf-8">
    <style></style>
</head>
<body onload="getInfo()">
    <h1>这是修改页面</h1>
   <form action="/myPro/update" method="post">
     <input type="hidden" id="uid" name="uid">
     <p>
      用户名称： <input type="text" id="uname" name="uname">
     </p>
     <p>
      用户密码： <input type="password" id="upwd" name="upwd">
     </p>
     <p>
      用户邮箱： <input type="email" id="email" name="email">
     </p>
     <p>
      联系方式： <input type="text" id="phone" name="phone">
     </p>
     <p>
      真实姓名： <input type="text" id="user_name" name="user_name">
     </p>
     <p>
       用户性别：<input type="radio" name="gender" id="man" value="1">男
       <input type="radio" name="gender" id="woman" value="0">女
     </p>
     <p><input type="submit" value="提交"></p>
   </form>