nodejs（数据查询功能4）

最新推荐文章于 2024-04-22 11:09:14 发布

原创最新推荐文章于 2024-04-22 11:09:14 发布 · 1.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#事件 #数据 #文本框

Nodejs 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了在Node.js中实现数据查询功能的第四部分，主要讲解如何在页面上修改数据。通过添加修改按钮并绑定事件，当点击修改时，表格数据变为可编辑的文本框，显示原有数据。同时，修改按钮的文字变为‘确定’并绑定新的事件。在前端使用Ajax发送POST请求，设置Content-Type，后台接收并执行SQL更新操作，最后将操作结果反馈到前端。

nodejs（数据查询功能4）

在页面修改数据

在初始化数据后面加上修改按钮并绑定事件；

点击修改时，

表格里面变成文本框，框内显示原来数据（event.target）；

 var name=event.target.parentNode.parentNode.firstChild.nextSibling;
var cellName=原来文本框的文字;//上面后面.innerHTML。取出文字；
name.innerHTML="input文本框"<>;//动态替换成文本框；
name.firstChild.value=cellName;//赋予文本框原来的文字；

2.修改按钮里面文字变成确定并绑定事件；

`var sure=event.target.parentNode.lastChild;
sure.innerHTML="确定";
event.target.onclick=updateEmp;`

3. 这里写图片描述
4.

ajax前台发送；
1. xhr.open("post","/updateEmp",true);
2. xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
3. xhr.send("id="+id+"&name="+name+"&job="+job+"&sal="+sal)
4. //请求为post时，要设置Content-Type；send发送要模拟http 这样服务器才知道发送的内容
后台接收操作；
1. sql语句：update emp set eName=?,job=?,sal=? where id=?；
反馈到前台判读xhr.responseText的值；
1. if(xhr.responseText=="1"){ window.location.reload("public/main.html") }

1.数据库操作代码；

exports.updateEmp=function(id,name,job,sal,res){
    var conn=mysql.getConn();
    var sqlString="update emp set eName=?,job=?,sal=? where id=?";
    conn.query(sqlString,[name,job,sal,id],function(err,data){

        if(data.affectedRows!=0){
            res.send("1")
        }else{
            res.send("0")
        }
    })
}