1. 程式人生 > 實用技巧 >NOIP第一階段成績總結

NOIP第一階段成績總結

技術標籤:RedBook總結ajax引數序列化

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);
});

結果: