2020-12-14

1planet

于 2020-12-14 21:05:47 发布

阅读量100

点赞数

分类专栏： RedBook总结

本文链接：https://blog.csdn.net/qq_42239440/article/details/111185755

版权

ajax 参数序列化

RedBook总结专栏收录该内容

3 篇文章 0 订阅

订阅专栏

public文件下资源文件

<!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>
    <script>
        // get 参数序列化
        function serialize(obj) {
            let ary = [];
            for (var p in obj)
                if (obj.hasOwnProperty(p) && obj[p]) {
                    ary.push(encodeURIComponent(p) + '=' + encodeURIComponent(obj[p]))
                }
            return '?' + ary.join('&');
        };

        let obj = {
            name: "lsf",
            age: 24
        }
        var params = serialize(obj);

        // 1.创建ajax对象
        var xhr = new XMLHttpRequest();
        // 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
        // 1)请求方式 2)请求地址
        xhr.open('get', 'http://localhost:3000/test' + params);
        // 3.发送请求
        xhr.send();
        // 4.获取服务器端响应到客户端的数据
        xhr.onload = function() {
            console.log(xhr.responseText)
        }
    </script>
</body>

</html>

添加路由

// 对应test文件
app.get('/test', (req, res) => {
    res.send(req.query);
});

结果：

1planet

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录