//server.js里的内容,关于开启服务,监听端口就不说了,
var http = require('http')
var fs = require('fs')
var querystring = require('querystring')
var url = require('url')
var user = {}//act 判断登录还是注册,user /pass
var server = http.createServer(function(req,res){
const GET = url.parse(req.url,true);
var query = GET.query;
var pathname = GET.pathname;
var str = '';
if(pathname == '/user'){
req.on('data',function(chunk){
console.log(11)
str += chunk;
});
req.on('end',function(){
var POST = querystring.parse(str)
switch (POST.act) {
case 'reg':
if(user[POST.user]==null){
user[POST.user] = POST.pass;
res.write('{"ok":true,"msg":"注册成功"}')
}else{
res.write('{"ok":false,"msg":"该用户名已经被注册"}')
}
break;
case 'login':
if(user[POST.user]==null){
res.write('{"ok":false,"msg":"用户名不存在"}')
}else if(user[POST.user]!=POST.pass){
res.write('{"ok":false,"msg":"用户名或密码不对"}')
}else{
res.write('{"ok":true,"msg":"登录成功"}')
}
break;
default:
res.write('小主不知道您想干嘛')
}
res.end()
})
}else{
const file_name = './www'+req.url;
fs.readFile(file_name,'utf-8',function(err,data){
if(err){
res.write('404')
}else {
res.write(data)
}
res.end()
})
}
}).listen(1111,function(){
console.log('listen to 1111 port')
})
///前台的代码
建几个简单的输入信息的表单,用ajax提交post方式,data里放请求主体传送给后台。注意,后端做了判断地址加了./www。所有前端的文件都放这个目录里
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.onload=function(){
var oTxtUser =document.getElementById('user');
var oTxtPass =document.getElementById('password');
var oBtnReg = document.getElementById('reg_btn');
var oBtnLogin = document.getElementById('login_btn');
oBtnReg.onclick=function(){
$.ajax({
type:"post",
url:"/user",
data:{act:'reg',user:oTxtUser.value,pass:oTxtPass.value},
async:true,
success:function(str){
str = JSON.parse(str)
alert(str.msg)
}
})
}
oBtnLogin.onclick=function(){
$.ajax({
type:"post",
url:"/user",
data:{act:'login',user:oTxtUser.value,pass:oTxtPass.value},
async:true,
success:function(str){
str = JSON.parse(str)
alert(str.msg)
}
})
}
}
</script>
</head>
<body>
用户:<input type="text" id="user" /><br />
密码:<input type="password" id="password" /><br />
<input type="button" name="" id="reg_btn" value="注册" />
<input type="button" name="" id="login_btn" value="登录" />
</body>
</html>