从EJS中获取所选的dropdown并将其传递给Node.js,并在EJS中的Node.js端返回上运行查询的步骤如下:
<select id="dropdown">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<button onclick="sendSelectedOption()">Submit</button>
function sendSelectedOption() {
var selectedOption = document.getElementById("dropdown").value;
fetch('/query', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ option: selectedOption })
})
.then(response => response.json())
.then(data => {
// 处理从Node.js返回的数据
console.log(data);
})
.catch(error => {
console.error('Error:', error);
});
}
const express = require('express');
const app = express();
app.use(express.json());
app.post('/query', (req, res) => {
const selectedOption = req.body.option;
// 在这里运行查询操作,根据所选的选项进行相应的处理
// ...
// 返回查询结果给前端
res.json({ result: 'Query result' });
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
以上代码示例中,前端页面通过JavaScript的fetch函数将所选的下拉菜单选项以POST请求的方式发送给Node.js的后端。后端使用Express框架接收请求,并从请求体中获取所选的选项。然后,在后端进行相应的查询操作,并将查询结果以JSON格式返回给前端。
请注意,以上代码仅为示例,实际应用中可能需要根据具体需求进行适当的修改和扩展。另外,关于具体的查询操作、数据库连接等细节,需要根据实际情况进行相应的实现。
推荐的腾讯云相关产品和产品介绍链接地址:
请注意,以上推荐的腾讯云产品仅供参考,具体选择和使用需根据实际需求和情况进行决策。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云