首页 / NODEJS / 原生node.js前端发送post请求给后端如何接收？（三）

原生node.js前端发送post请求给后端如何接收？（三）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了原生node.js前端发送post请求给后端如何接收？（三），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1893字，纯文字阅读大概需要3分钟。

内容图文

所需软件：

vscode，官网链接下载：https://code.visualstudio.com/；（也可以用自己习惯的编辑器）
node.js，官网链接下载：http://nodejs.cn/
安装自己电脑的合适版本即可。
安装这些一般直接点击下一步即可，对于一些国外的软件注意安装目录中最好不要有中文路径，以免出现问题。

首先我们创建一个node的文件夹，里面创建一个index.js文件和1.html文件，就可以开始写代码了：
1.html的代码如下，我们用form来模拟发送post请求

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <form action="http://localhost:5000" method="POST"> 需要使用form来发送请求
    <input type="text" name="username" id="">
    <input type="password" name="userpassword">
    <input type="submit" value="登陆">
  </form>
</body>
</html>

2.我们进入后端index.js文件代码如下：

const http = require('http')
http.createServer((req, res) => {
  if (req.method == 'POST') { // 判断是否是POST请求
    let strData = '' // 设置传来的数据
    req.on('data', chunk => { // 通过监听data数据来不断的添加，因为post请求数据大小不一，不是一次性发送的，而是一部分一部分的传输，所以我们需要不断的监听传来的数据进行赋值，直到监听到了end事件
      strData += chunk.toString() // 因为传来的都是二进制所以每次需要转换一下。
    })
    req.on('end', () => { // 监听到end表示已经传输完成
      console.log('data: ', strData) // 在终端输出来看看
      res.end(strData) // 还可以将获取到的数据返回
    })
  }
}).listen(5000, () => {
  console.log('项目开启成功')
})

完成这些代码后，我们在终端开启index.js服务（终端输入node index.js）我们打开1.html来看看并输入账号和密码进行访问，可以得到我们输入的值，这样就算完成啦。

本文章是我一个字一个字的打出来，图也是我自己做，也是按照我一个初学者的理解思维去写的，本人也是正在看各种视频学习进步中，发现一些好的会写出来也算给自己加深印象吧，顺便记录一下代码，如果有说的不对的地方还望指出，万分感激！
谢谢

一只正在成长的狮子！大家一起努力。

内容总结

以上是互联网集市为您收集整理的原生node.js前端发送post请求给后端如何接收？（三）全部内容，希望文章能够帮你解决原生node.js前端发送post请求给后端如何接收？（三）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/589277.html

来源：【匿名】