Node簡單服務器開發

時間 2019-11-09

標籤 node 簡單服務器開發简体版

原文原文鏈接

運用的知識：http，fs，get，postjavascript

接口定義：
/user?act=reg$user=aaa&pass=bbb
後臺返回格式：{"ok":false,"msg":"緣由"}
/user?act=login$user=aaa&pass=bbb
後臺返回格式：{"ok":true,"msg":"緣由"}html

前端訪問：
對文件的訪問：
http://localhost:8080/1.html
http://localhost:8080/ajax.js
http://localhost:8080/1.jpg前端

對接口的訪問：
http://localhost:8080/user?act=reg$user=aaa&pass=bbbjava

服務器（後端代碼）：
const http = require("http");
const querystring = require("querystring");
const fs = require("fs");
const urlLib = require("url");ajax

var users = {}; //定義用戶json，好比{「blue」：「123456」，「zhangsan」：「666666」}json

前端代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="ajax.js" ></script>
<script>
window.onload=function(){
var oTxtUser = document.getElementById("user");
var oTxtPass = document.getElementById("pass");
var oBtnReg = document.getElementById("reg_btn");
var oBtnLogin = document.getElementById("login_btn");

//註冊按鈕事件
oBtnReg.onclick = function(){
ajax({
url:'/user', //這裏是接口的名字
data:{act:'reg', user:oTxtUser.value, pass:oTxtPass.value},//這裏是傳遞過去的參數
type:'get',
success:function(str){
var json = eval('('+str+')');
if (json.ok) {
alert("註冊成功");
} else{
alert("註冊失敗:" + json.msg);
}
},
error:function(){
alert("通訊錯誤")
}
});
}

//登陸按鈕事件
oBtnLogin.onclick = function(){
ajax({
url:'/user', //這裏是接口的名字
data:{act:'reg', user:oTxtUser.value, pass:oTxtPass.value},//這裏是傳遞過去的參數
type:'get',
success:function(str){
var json = eval('('+str+')');
if (json.ok) {
alert("登陸成功");
} else{
alert("登陸失敗:" + json.msg);
}
},
error:function(){
alert("通訊錯誤")
}
});
}
}
</script>
</head>
<body>
用戶名： <input type="text" id="user"/><br />
密碼：<input type="password" id="pass"/><br />
<input type="button" id="reg_btn" value="註冊" />
<input type="button" id="login_btn" value="登陸" />
</body>
</html>服務器

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。