使用express创建服务例子展示

最新推荐文章于 2024-08-13 20:32:39 发布

杨峥1111

最新推荐文章于 2024-08-13 20:32:39 发布

阅读量318

点赞数 8

文章标签： express

本文链接：https://blog.csdn.net/qq_66996090/article/details/135586105

版权

使用express创建服务，端口号为81，需解决跨域问题，需托管静态文件名称为es6，创建一个get接口，接口名称为/login，接口中需要验证账号为admin密码123456,验证成功返回登录成功页面路径http://127.0.0:81/es6/day01.html，否则登录失败访问http://127.0.0:81/es6/day02.html，使用jq中ajax调取服务，需要验证输入不能为空

const express = require("express");
const cors = require("cors");
const app = express();
app.use("/es6",express.static("es6"))
app.use(cors());
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服务启动成功");
})

<!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>
<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>

可以依照上方题目来根据自己的需求完成自己的代码

杨峥1111

关注

8
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
使用express创建服务例子展示

使用express创建服务，端口号为81，需解决跨域问题，需托管静态文件名称为es6，创建一个get接口，接口名称为/login，接口中需要验证账号为admin密码123456,验证成功返回登录成功页面路径http://127.0.0:81/es6/day01.html，否则登录失败访问http://127.0.0:81/es6/day02.html，使用jq中ajax调取服务，需要验证输入不能为空。可以依照上方题目来根据自己的需求完成自己的代码。
复制链接

扫一扫