javascript - 我无法使用 nodejs 和 mongodb 中的 get 方法从 html 控件中获取数据

标签 javascript html node.js mongodb

代码问题

var userID = req.userid;
var pwd = req.pwd;
console.log("userid = " + userID + "pass = " + pwd);

the console shows values undefined instead of input data

the console shows values undefined instead of input data

I want to take data from an html file and insert into the mongo database using get method. But I am not able to fetch data from the textbox.

nodejs(index.js)中的代码

const express = require('express');
const path = require('path');
const bodyparser = require("body-parser");
const mongoose = require('mongoose');
const app = express();
app.use(bodyparser());
app.use(bodyparser.urlencoded({
    extended: false
}));
app.use(bodyparser.json());
app.set('port', (process.env.PORT || 1000));
mongoose.connect('mongodb://localhost/TrackDB');
var Schema = new mongoose.Schema({
    username: String
    , pass: String
});
var users = mongoose.model('users', Schema);
app.get("/register", function (req, res) {
    var userID = req.userid;
    var pwd = req.pwd;
    console.log("userid = " + userID + "pass = " + pwd);
    new users({
        username: userID
        , pass: pwd
    }).save(function (err, doc) {
        if (err) {
            res.json(err);
        }
        else res.send("Successfully Registerd!");
    });
    console.log("users = " + users);
});
app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, './public/index.html'));
});
app.listen(1000, () => {
    console.log("Server Start......");
});

HTML 页面 (index.html)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>LOGIN/REGISTER</title>
    <style>
        #container {
            width: 40%;
            margin: auto;
            border: 1px solid;
            padding: 10px;
            padding-left: 200px;
            border-radius: 10px;
        }
    </style>
</head>

<body>
    <div id="container">
        <h1>Register</h1>
        <form action="/register">
            <div id="register">
                <input type="text" name="userid" id="txt_userid" placeholder="Enter user id">
                <br>
                <input type="password" name="pwd" id="txt_pass" placeholder="Enter password">
                <br>
                <br>
                <button type="submit" id="btn_register">Register</button>
            </div>
        </form>
        <h1>Login</h1>
        <form action="/login">
            <br>
            <br>
            <div id="login">
                <input type="text" name="user" id="userid" placeholder="Enter user id">
                <br>
                <br>
                <input type="password" name="passw" id="pass" placeholder="Enter password">
                <br>
                <br>
                <button type="submit" id="btn_login">Login</button>
            </div>
        </form>
        <h1 id="msg"></h1> </div>
</body>

</html>

最佳答案

Try this code

var userID =req.query.userid;
var pwd = req.query.pwd

关于javascript - 我无法使用 nodejs 和 mongodb 中的 get 方法从 html 控件中获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45369502/

相关文章:

javascript - 如何以 Angular 将错误添加到表单验证错误列表中?

javascript - 将简单数组转换为对象数组

html - 带边框图片的表格

JavaScript 使用主题标签更改显示

javascript - 在必填字段中添加红色星号

angularjs - 使nodejs请求图像到外部站点并发送回前端

node.js - 为什么 docker 会创建空的 node_modules 以及如何避免它?

node.js - Angular2 beta 15 npm 启动错误

javascript - shift 函数在以下代码中如何工作?

javascript - Slickgrid 自定义 MultiSelectEditor 仅适用于 FireFox 17.0.1