使用express创建接口的具体

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>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值