Node.js express中的按钮不适用于我，并且没有错误代码_Node.js_Express

Node.js express中的按钮不适用于我，并且没有错误代码

node.js express

Node.js express中的按钮不适用于我，并且没有错误代码,node.js,express,Node.js,Express,我正在学习express node.js并尝试运行简单的计算器代码，但每当我按下按钮时，我都不会得到任何响应，而且我的代码中也不会出现任何错误，因此我对自己所做的错事有点不知所措。下面是它的示例，希望有人能指出我哪里出了问题，包括html代码和calculator.js。先谢谢你 index.html <body> <h1>Calculator</h1> <form action="/" method="po

我正在学习express node.js并尝试运行简单的计算器代码，但每当我按下按钮时，我都不会得到任何响应，而且我的代码中也不会出现任何错误，因此我对自己所做的错事有点不知所措。下面是它的示例，希望有人能指出我哪里出了问题，包括html代码和calculator.js。先谢谢你

index.html
<body>
    <h1>Calculator</h1>
    <form action="/" method="post">
      <input type="text" name="num1" placeholder = "first number" value="">
      <input type="text" name="num2" placeholder="second number" value="">
      <button type="button" name="submit">Calculate</button>
    </form>
  </body>

calculator.js

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

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

app.get("/", function(req, res){
  res.sendFile(__dirname + "/index.html");
});

app.post("/", function(req, res){
  var num1 = Number(req.body.num1);
  var num2 = Number(req.body.num2);

  var result = num1 + num2;

  //this line to show result in hyper
  console.log(req.body);
  res.send("The result is: " + result);
});

app.listen(3000, function(){
  console.log("Server running on port 3000");
});

index.html
计算器
算计
计算器.js
const express=要求（“express”）；
const bodyParser=require（“body parser”）；
常量app=express（）；
use（bodyParser.urlencoded（{extended:true}））；
应用程序获取（“/”，函数（请求，恢复）{
res.sendFile（uu dirname+“/index.html”）；
});
应用程序post（“/”，功能（请求，回复）{
var num1=编号（请求主体num1）；
var num2=编号（要求主体num2）；
var结果=num1+num2；
//此行用于在超文本中显示结果
控制台日志（请求主体）；
res.send（“结果为：“+result”）；
});
app.listen（3000，函数（）{
log（“在端口3000上运行的服务器”）；
});

问题在于您的按钮类型。要使用html中的按钮提交表单，您需要将类型指定为

type

，而不是

button

<form action="/" method="post">
      <input type="text" name="num1" placeholder = "first number" value="">
      <input type="text" name="num2" placeholder="second number" value="">
      <button type="submit" name="submit>Calculate</button>
</form>


您的按钮必须包含type=submit
而不是type=button
。您需要指定希望按钮在类型中执行的操作。试一试，如果有可能的话，请马上回答wroks@Gianluca是的，很有效，非常感谢，没问题。我将把它作为一个答案添加，以供将来参考。如果你需要更多的帮助，lmk！没问题，如果我这样做了，我会再问你一次谢谢你