myajax.js
//創建路由器對象
const express=require('express');
//引入連接池模塊
const pool=require('../pool.js');
//創建路由器對象
var router=express.Router();
//測試服務器接收ajax請求的接口
router.get("/ajaxDemo",(req,res)=>{
console.log(111);
res.send("第一個程序");
});
//2.測試帶參數的get請求
router.get("/ajaxDemo1",(req,res)=>{
var $uname=req.query.uname;
var $upwd=req.query.upwd;
if(!$uname){
res.send("用戶名沒有接收到");
return;
}
if(!$upwd){
res.send("密碼沒有接收到");
return;
}
res.send("用戶名為"+$uname+"密碼為"+$upwd);
});
//3.get請求登錄接口(應該用Post)
//http://127.0.0.1:8080/ajax/login_get?uname=yaya&upwd=123456
router.get("/login_get",(req,res)=>{
//獲取請求中的數據
var $uname=req.query.uname;
var $upwd=req.query.upwd;
//驗證數據正確的得到
if(!$uname){
res.send("沒有獲取到用戶名稱");
retrun;
};
if(!$upwd){
res.send("沒有獲取到用戶密碼");
return;
};
//使用連接池訪問數據庫
var sql="select * from xz_user where uname=? and upwd= ?";
pool.query(sql,[$uname,$upwd],(err,result)=>{
if(err){throw err };
if(result.length>0){
res.send("登錄成功");
}else{
res.send("用戶名或者密碼錯誤");
};
});
});
//4.get接口請求登錄
router.get("/login_post",(req,res)=>{
var $uname=req.query.uname;
var $upwd=req.query.upwd;
if(!$uname){
res.send("用戶名不能為空");
return;
};
if($upwd==""){
res.send("密碼不可以為空");
return;
};
var sql="select * from xz_user where uname=? and upwd=?";
pool.query(sql,[$uname,$upwd],(err,result)=>{
if(err) {throw err};
if(result.length>0){
res.send("登錄成功");
}else{
res.send("用戶名或密碼錯誤");
};
});
});
//導出路由器對象
module.exports=router;
login_get_ajax.html
<body>
<input type="text" id="uname" >
<br><br>
<input type="text" id="upwd">
<br><br>
<button onclick="login()">登錄</button>
<script>
function login(){
var u_uname=uname.value;
var u_upwd=upwd.value;
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
var result=xhr.responseText;
alert(result);
};
};
var url="http://127.0.0.1:8080/ajax/login_post?uname="+u_uname+"&upwd="+u_upwd;
xhr.open("get",url,true);
xhr.send();
};
</script>
</body>