在ejs中,可以通过表单的提交将数据传递给另一个ejs中的JavaScript函数。下面是一种常见的实现方式:
<form>
标签来包裹表单元素,并设置action
属性为第二个ejs文件的路径,设置method
属性为POST
或GET
。<form action="/second_ejs" method="POST">
<!-- 表单元素 -->
<input type="text" name="inputField" />
<!-- 其他表单元素 -->
<button type="submit">提交</button>
</form>
body-parser
模块,以便能够解析表单数据。然后,可以通过req.body
来获取表单数据。// 引入body-parser模块
const bodyParser = require('body-parser');
// 使用body-parser中间件
app.use(bodyParser.urlencoded({ extended: false }));
// 处理表单数据的路由
app.post('/second_ejs', (req, res) => {
// 获取表单数据
const formData = req.body;
// 在这里处理表单数据,可以调用其他函数或执行其他操作
// 返回响应或渲染第二个ejs文件
res.render('second_ejs', { formData });
});
<!-- 在第二个ejs文件中使用表单数据 -->
<p>表单数据: <%= formData.inputField %></p>
这样,当第一个ejs文件中的表单被提交时,表单数据会被传递给第二个ejs文件中的JavaScript函数,并可以在第二个ejs文件中使用。请注意,以上代码只是一种示例,实际情况中可能需要根据具体需求进行适当的修改。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云