Ajax基础：restful风格api

昔冰_G

于 2021-10-01 18:04:45 发布

阅读量199

点赞数

分类专栏： Ajax 文章标签： ajax jquery html

本文链接：https://blog.csdn.net/qq_38800316/article/details/120579440

版权

Ajax 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

获取信息：get；删除信息：delete；修改信息：put；

1、模拟获取用户信息（get+路由）

<body>
    <script src="js/jquery-3.5.1.min.js"></script>
    <script>
        // 获取用户信息
        setTimeout(() => {
            $.ajax({
                type: 'get',
                url: '/users',
                success: function(response) {
                    console.log(response);
                }
            })
        }, 300);
    </script>
</body>

app.get('/users', (req, res) => {
    res.send('当前是获取user信息的路由');
});

2、模拟获取id为7的信息（get+路由+id实参）

$.ajax({
     type: 'get',
     url: '/users/7',
     success: function(response) {
          console.log(response);
     }
})

app.get('/users/:id', (req, res) => {
    const id = req.params.id;
    res.send(`当前是获取id是${id}信息的路由`);
});

3、模拟删除id为8的信息（delete+路由+id实参）

$.ajax({
     type: 'delete',
     url: '/users/8',
     success: function(response) {
          console.log(response);
     }
})

app.delete('/users/:id', (req, res) => {
    const id = req.params.id;
    res.send(`当前要删除的数据id为${id}`);
});

4、模拟修改id为9的信息（put+路由+id实参）

$.ajax({
     type: 'put',
     url: '/users/9',
     success: function(response) {
          console.log(response);
     }
})

app.put('/users/:id', (req, res) => {
    const id = req.params.id;
    res.send(`即将修改id为${id}的信息`);
})

昔冰_G

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax基础：restful风格api

获取信息：get；删除信息：delete；修改信息：put；1、模拟获取用户信息（get+路由）<body> <script src="js/jquery-3.5.1.min.js"></script> <script> // 获取用户信息 setTimeout(() => { $.ajax({ type: 'get', .
复制链接

扫一扫