express学习47-服务器响应的数据格式

最新推荐文章于 2023-05-30 21:27:40 发布

前端歌谣

最新推荐文章于 2023-05-30 21:27:40 发布

阅读量138

点赞数

文章标签：学习

本文链接：https://blog.csdn.net/qq_41632427/article/details/126199735

版权

歌谣-学习-express 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

ajax.js

    // 引用expess框架
    const express = require('express');
    // 处理路径
    const path = require('path');

    // 创建网站服务器
    const app = express();
    app.get('/first', (req, res) => {
        res.send('hello geyao')
    })
    app.get('/responsdate', (req, res) => {
        res.send({ "name": "geyao" })
    })
    app.use(express.static(path.join(__dirname)));
    // 监听端口
    app.listen(3000);
    console.log('网站服务器启动成功, 请访问localhost')

ajax.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>
        <script>
            //1创建ajax对象
            var xhr = new XMLHttpRequest();
            //请求方式
            xhr.open('get', 'http://localhost:3000/responsdate');
            //发送请求
            xhr.send();
            //获取数据
            xhr.onload = function() {
                /* console.log(xhr.responseText); */
                var res = JSON.parse();
                console.log(res);
                var str = '<h2></h2>'
                document.body.innerHTML = str;
            }
        </script>
    </body>

    </html>