如何使用express.js从服务器端访问所选单选按钮的值?

问题描述

这是我的index.html文件

<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- <img src="crash.png" alt="IMAGE"> -->
<div class="container-fluid">Developer's Survey</div>
<div class="container">

  <form action="/" method="post">
    <h1>What's your favourite language ?</h1>
    <input type="radio" id="option1" name="favlang" value="java">
    <label for="option1"> JAVA</label><br>
    <input type="radio" id="option2" name="favlang" value="python">
    <label for="option2"> Python</label><br>
    <input type="radio" id="option3" name="favlang" value="cpp">
    <label for="option3"> C++</label><br><br>
    <h1>Do you prefer to work solo or in a team ?</h1>
    <input type="radio" id="option4" name="wrkprefer" value="solo">
    <label for="option4"> Like to work solo.</label><br>
    <input type="radio" id="option5" name="wrkprefer" value="team">
    <label for="option5"> Like to work on a team.</label><br>
    <input type="radio" id="option6" name="wrkprefer" value="notsure">
    <label for="option6">Like to work both ways.</label><br><br>

    <input type="submit" value="Submit">
  </form>

</div>

这是我要从其访问单选按钮值的服务器端代码

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

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

app.use(express.static(__dirname+"/public"));
app.use(express.static(__dirname+"/images"));
app.get("/",function(req,res){
  res.send("Hello");
});
app.post("/",res){
  res.send("Thanks!");
  var favlang = req.body.favlang;
  var wrk = req.body.wrkprefer;
  res.send(favlang+" "+wrk);
});
app.listen(3000,res){
  console.log("Server started on port 3000");

})

但是在我单击“提交”后,屏幕上显示的唯一文本是“谢谢!”。而不是我想要的值。 有人可以帮帮我吗。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)