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前台发送;
xhr.open("post","/updateEmp",true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xhr.send("id="+id+"&name="+name+"&job="+job+"&sal="+sal)
- //请求为post时,要设置Content-Type;send发送要模拟http 这样服务器才知道发送的内容
- 后台接收操作;
- sql语句:
update emp set eName=?,job=?,sal=? where id=?
;
- sql语句:
- 反馈到前台判读xhr.responseText的值;
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")
}
})
}