restfull-请求模式

最新推荐文章于 2022-09-13 19:25:29 发布

从未转生的史莱姆

最新推荐文章于 2022-09-13 19:25:29 发布

阅读量395

点赞数 1

文章标签： servlet java 前端

本文链接：https://blog.csdn.net/SYQ15544423296/article/details/126597957

版权

主要是针对同一个地址下的不同接口，响应不同的请求类型，可以利用restfull模式，详细代码如下

<link rel="stylesheet" href="./assets/font/iconfont.css">
    <link rel="stylesheet" href="./assets/notice/notice.css">
    <script src="./assets/notice/notice.js"></script>
    <script src="./assets/js/axios/axios.js"></script>
    <script>
        // restfull 请求:约定的开发习惯，对相同的服务器请求地址赋予不同请求类型的不同操作
        //              ==> 减少服务器请求接口地址数量
        function findUser(){
            axios.get("http://127.0.0.1:3000/private/user")
                .then(function( {data} ){
                    Notice.success({
                        message:data.result
                    })
                })
        }
        function removeUser(){
            axios.delete("http://127.0.0.1:3000/private/user")
                .then(function( {data} ){
                    Notice.success({
                        message:data.result
                    })
                })
        }
        function updateUser(){
            axios.put("http://127.0.0.1:3000/private/user")
                .then(function( {data} ){
                    Notice.success({
                        message:data.result
                    })
                })
        }
        function addUser(){
            axios.post("http://127.0.0.1:3000/private/user")
                .then(function( {data} ){
                    Notice.success({
                        message:data.result
                    })
                })
        }
    </script>
</head>
<body>
    <input type="button" value="查询" onclick="findUser()">
    <input type="button" value="删除" onclick="removeUser()">
    <input type="button" value="修改" onclick="updateUser()">
    <input type="button" value="添加" onclick="addUser()">

</body>

router的配置

router.get("/user", async function (ctx) {
    ctx.body = {
        state: true,
        msg: "请求成功",
        result: "查询user"

    }
})

router.delete("/user", async function (ctx) {
    ctx.body = {
        state: true,
        msg: "请求成功",
        result: "删除user"
    }
})

router.put("/user", async function (ctx) {
    ctx.body = {
        state: true,
        msg: "请求成功",
        result: "修改user"
    }
})
router.post("/user", async function (ctx) {
    ctx.body = {
        state: true,
        msg: "请求成功",
        result: "添加user"
    }
})

// 最后一定记得公开出去
module.exports = router