[已解决]nodejs输入保存问题

光头小淘七 · 发表于 2023-8-13 12:05:49

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

用的是bootstrap，我该如何将在网页中输入的内容保存在event这个类中（我尝试了很多次但是就是报错）跪求！！！！

最佳答案

月排行榜 / 总排行榜

isdkz

2023-8-13 12:06:18

你可以使用Node.js来保存网页中输入的内容。首先，确保你已经安装了Node.js环境。然后，你可以使用Express框架来处理HTTP请求。

首先，你需要在你的项目中安装Express。可以通过运行以下命令来安装：

npm install express

接下来，创建一个 app.js 文件，并在其中编写以下代码：

const express = require('express'); const app = express(); // 设置静态文件目录 app.use(express.static('public')); // 处理POST请求 app.use(express.urlencoded({ extended: true })); // 处理根路径的GET请求 app.get('/', (req, res) => { res.sendFile(__dirname + '/index.html'); }); // 处理提交表单的POST请求 app.post('/save', (req, res) => { const eventData = req.body.event; // 在这里可以将eventData保存到event类中或者进行其他操作 console.log(eventData); res.send('保存成功！'); }); // 启动服务器 app.listen(3000, () => { console.log('服务器已启动，访问 http://localhost:3000'); });

在上面的代码中，我们使用了Express框架来创建一个简单的服务器。它处理了根路径的GET请求，并返回一个包含输入表单的HTML页面。当提交表单时，服务器会处理POST请求，并将输入的内容保存到 eventData 变量中。

你需要创建一个名为 index.html 的HTML文件，其中包含一个表单，用于输入内容并提交。例如：

<!DOCTYPE html> <html> <head> <title>保存事件</title> </head> <body> <h1>保存事件</h1> <form action="/save" method="post"> <input type="text" name="event" placeholder="输入事件"> <button type="submit">保存</button> </form> </body> </html>

将上述代码保存到 app.js 和 index.html 文件中，并在命令行中运行以下命令启动服务器：

node app.js

然后，你可以通过访问 http://localhost:3000 来打开网页，并在输入框中输入内容并提交。在控制台中你将看到输入的内容被打印出来，并且网页会显示"保存成功！"的消息。

这样，你就可以将网页中输入的内容保存到 event 类中或进行其他操作了。

跳转到最佳答案楼层

isdkz · 发表于 2023-8-13 12:06:18

你可以使用Node.js来保存网页中输入的内容。首先，确保你已经安装了Node.js环境。然后，你可以使用Express框架来处理HTTP请求。

首先，你需要在你的项目中安装Express。可以通过运行以下命令来安装：

npm install express

接下来，创建一个 app.js 文件，并在其中编写以下代码：

const express = require('express'); const app = express(); // 设置静态文件目录 app.use(express.static('public')); // 处理POST请求 app.use(express.urlencoded({ extended: true })); // 处理根路径的GET请求 app.get('/', (req, res) => { res.sendFile(__dirname + '/index.html'); }); // 处理提交表单的POST请求 app.post('/save', (req, res) => { const eventData = req.body.event; // 在这里可以将eventData保存到event类中或者进行其他操作 console.log(eventData); res.send('保存成功！'); }); // 启动服务器 app.listen(3000, () => { console.log('服务器已启动，访问 http://localhost:3000'); });

在上面的代码中，我们使用了Express框架来创建一个简单的服务器。它处理了根路径的GET请求，并返回一个包含输入表单的HTML页面。当提交表单时，服务器会处理POST请求，并将输入的内容保存到 eventData 变量中。

你需要创建一个名为 index.html 的HTML文件，其中包含一个表单，用于输入内容并提交。例如：

<!DOCTYPE html> <html> <head> <title>保存事件</title> </head> <body> <h1>保存事件</h1> <form action="/save" method="post"> <input type="text" name="event" placeholder="输入事件"> <button type="submit">保存</button> </form> </body> </html>

将上述代码保存到 app.js 和 index.html 文件中，并在命令行中运行以下命令启动服务器：

node app.js

然后，你可以通过访问 http://localhost:3000 来打开网页，并在输入框中输入内容并提交。在控制台中你将看到输入的内容被打印出来，并且网页会显示"保存成功！"的消息。

这样，你就可以将网页中输入的内容保存到 event 类中或进行其他操作了。

陶远航 · 发表于 2023-8-13 12:06:28

在网页中使用Bootstrap输入内容，并将其保存到Node.js的后端，可以通过使用表单和HTTP POST请求来实现。以下是一种可能的实现方式：

1. 在网页中的表单中添加输入框和提交按钮，以获取用户输入的内容。

<form action="/save" method="POST">
  <div class="form-group">
    <label for="inputContent">输入内容</label>
    <input type="text" class="form-control" id="inputContent" name="content" placeholder="请输入内容">
  </div>
  <button type="submit" class="btn btn-primary">保存</button>
</form>

2. 在Node.js的后端，使用Express框架来处理HTTP POST请求，获取用户输入的内容并保存在event对象中。

const express = require('express');
const app = express();

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

app.post('/save', (req, res) => {
  const content = req.body.content; // 获取输入内容

  // 将内容保存到event对象中或执行其他保存操作
  // event.save(content);

  res.send('保存成功'); // 返回响应给前端
});

app.listen(3000, () => {
  console.log('服务器已启动');
});

上述代码使用Express框架创建了一个简单的HTTP服务器，并使用express.urlencoded中间件来解析HTTP POST请求的数据。在/save路由中，我们从req.body中获取了输入的内容，并可以在其中执行保存操作。

请注意，以上代码只是一个示例，你需要根据实际需求进行适当的修改和扩展。另外，你可能还需要设置表单验证、错误处理等功能，以确保输入的正确性和服务器的安全性。
如果问题已经解决，请设置最佳答案

isdkz · 发表于 2023-8-13 12:45:24

nodejs是没有浏览器中的document api的

账号		自动登录	找回密码
密码			立即注册

[已解决]nodejs输入保存问题

马上注册，结交更多好友，享用更多功能^_^

浏览过的版块