个人中心
gpt4 book ai didi

javascript - 如何将数据从 html 发送到 node.js

转载 作者：搜寻专家 更新时间：2023-10-31 23:30:21 25 4
gpt4 key购买 nike

我是网络语言的菜鸟，所以如果我的问题很愚蠢，请原谅。基本上我正在尝试将数据从 html-form 传递到 node.js 服务器，但即使在谷歌中搜索了很多之后我也无法获得任何相关示例。那么，任何人都可以帮助我学习这个东西吗？

我发现以下示例用于将数据解析为 php 脚本，因此我如何调整此代码以将数据传递给 node.js 脚本。

代码:

<!DOCTYPE html>
<html>
<body>

<form action="/action.php" method="get" target="_blank">
 First name: <input type="text" name="fname"><br>
 Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
 </form>

<p>Click on the submit button, and the input will be sent to a page on the server called "/action_page.php".</p>

最佳答案

我强烈建议使用像 Express 这样的框架来获得更愉快的 Node.js 交互。因此，您要做的第一件事就是安装它:

npm install express

对于我的示例，我将安装一个额外的中间件，称为 body-parser。

npm install body-parser  // this allows us to access req.body.whatever

之后制作一个简单的服务器来处理您的POST 请求，如下所示:

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.urlencoded({ extended: true })); 

app.post('/example', (req, res) => {
  res.send(`Full name is:${req.body.fname} ${req.body.lname}.`);
});

const port = 8080;

app.listen(port, () => {
  console.log(`Server running on port${port}`);
});

这是我们的 HTML 表单:所以我们将数据发送到我们的 localhost [http://127.0.0.1]、端口 8080 和路由 /example --> 所有配置都在我们的小 Express 服务器

<form action="http://localhost:8080/example" method="POST">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
 <button type="submit">Send to backend</button>
</form>

关于javascript - 如何将数据从 html 发送到 node.js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52675257/

25 4 0
文章推荐： node.js - Node 获取:禁用 SSL 验证
文章推荐： php - 无法在 css 文件中添加 bg 图片
文章推荐： php - Blade @if 中的 Laravel session 变量
文章推荐： javascript - 如何检测数组是否具有年份值并定义它？
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com