Node.js——要求前端的数据可以传到后端，后端也可以传数据到前端一次史上最简单的交互，新手入门最佳选择

最新推荐文章于 2022-09-11 00:21:52 发布

IT_Painter

最新推荐文章于 2022-09-11 00:21:52 发布

阅读量2.3k

点赞数 1

分类专栏： Javaweb

本文链接：https://blog.csdn.net/weixin_44840572/article/details/103284307

版权

Javaweb 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

要求前端的数据可以传到后端，后端也可以传数据到前端

前提：你肯定要先下载Node.js,再引入jquery.js

先来个HTML5

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script src="jquery.js"></script>
    <title>Document</title>
</head>

<body>
    <input type="text" id="start">
    <button>确认</button>
</body>
<script>
    $('button').click(function() {
        $.post('http://127.0.0.1:8082/test', {
            name: $('#start').val()
        }).then(res => {
            alert(res);
        })
    })
</script>

</html>

再加上个start.js

const http = require("http");
const url = require("url");
const querystring = require('querystring');
http.createServer(function(req, res) {
    res.setHeader('access-control-allow-origin', '*');
    var pathname = url.parse(req.url).pathname;
    var query = url.parse(req.url).query;
    if (pathname == '/test') {
        var postData = "";
        req.on("data", function(postDataChunk) {
            postData += postDataChunk;
        });

        req.on("end", function() {
            var params = querystring.parse(postData);
            var s = params.name;
            console.log(s);
            res.write("收到了，他是" + s);
            res.end();
        })
    }
}).listen(8082);