API接口好处:
1.提高生产效率
2.降低成本
3.增加服务质量
4.提高数据安全性
5.适用于各行各业
调用的具体方法:
js部分
//一定要引入这两个模块
const express = require("express");
const cors = require("cors");
const app = express();
//注册
app.use("/es6",express.static("es6"))
app.use(cors());
//get方法使用接口
app.get("/login",(req,res)=>{
console.log(req.query);
let data = req.query;
//判断用户名和密码发送值
if(data.userName=="admin"&&data.passWord=="123456"){
res.send("http://127.0.0.1:81/es6/day01.html
");
}else{
res.send("http://127.0.0.1:81/es6/day02.html
");
}
})
//创建接口
app.listen(81,()=>{
console.log("express服务启动成功");
})
//jq调用
<script src="../es6/jquery-1.8.3.js"></script>
<script>
let base = "http://127.0.0.1:81";
$(".btn").click(function(){
let user = $(".zh").val();
let pass = $(".mm").val();
if(!user && !pass){
console.log("请输入账号密码");
return;
}
$.ajax({
type:"get",
url:`${base}/login`,
data:{
userName:user,
passWord:pass
},
success:(req)=>{
console.log(req);
location.href = req;
}
})
})
</script>
</html>
html部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
请输入账号:<input type="text" name="" id="" class="zh"><br>
请输入密码:<input type="text" name="" id="" class="mm"><br>
<button class="btn">登录</button>
</body>