来自HTML的Express Node JS GET请求

时间:2018-06-15 17:16:11

标签: html node.js express

我正在第一次尝试使用Express Node JS并彻底享受它。我想了解如何获取用户输入到服务器的名字和姓氏信息,并将其显示在控制台日志中。

HTML中的代码如下:

<form action = "/getname/" method = "GET"> 
    <p>First name: <input type="text" id="fname" name="firstname"></p> 
    <p>Last name: <input type="text" id="lname" name="lastname"></p>
    <p><input type="button" value="Submit" id="namebutton" /></p>
    <p><span id="JSONname"></span></p>
</form>

我在Express app.js中的代码是:

app.get('/getname/', function (req, res) {
    response = {
        firstname: req.query.firstname,
        lastname: req.query.lastname
    };
    console.log(response);
    res.end(JSON.stringify(response));
})

我认为 localhost:xxxx / getname 与服务器之间的连接正常,但是html to getname无效。

可能有人看到代码出错的地方?

1 个答案:

答案 0 :(得分:1)

提交按钮必须是type =“submit”而不是type =“button”。