获取ajax post请求中传递的参数

Getting parameters passed in the ajax post request

本文关键字：参数 ajax post 请求获取更新时间：2023-09-26

我正试图从一个简单的html页面向nodejs，express服务器进行post调用，该服务器将值保存到mongo集合中。

我正在传递两个post参数，即名称和电子邮件，但在服务器上我没有得到传递的值。

服务器说：

TypeError:无法读取未定义的属性"userName"。可能是什么问题。

这是我的html文件

 <html>
    <head>
        <script type="text/javascript" src="../scripts/jquery.min.js"></script>
    </head>
    <body>
        <br> User Name :
        <input type="text" id="userName" name="userName">
        <br>
        <br>Email :
        <input type="text" id="emailId" name="emailId">
        <br>
        <br>
        <input type="submit" id="addAttrs" value="Add" onclick="addUser()">
    </body>
    <script type="text/javascript" src="../scripts/client.js"></script>
</html>

这是我在client.js上的客户端ajax后调用

function addUser() {
    var usrName = document.getElementById("userName").value;
    var usrEmail = document.getElementById("emailId").value;
    console.log('User name :' + usrName + " Email :" + usrEmail);
    var obj = {
        'userName': usrName,
        'userEmail': usrEmail
    };
    console.log(JSON.stringify(obj));
    $.ajax({
        url: '/adduser',
        method: 'POST',
        data: JSON.stringify(obj),
        success: function(data) {
            console.log('user created , info :' + data);
        },
        error: function(data) {
            console.log('User creation failed :' + data);
        }
    });
}

这是我的服务器index.js文件

var express = require('express');
var app = express();
var fs = require('fs');
var path = require('path');
var bodyParser = require('body-parser');
app.use(express.static('public'));
var MongoClient = require('mongodb').MongoClient;
var routes = require('./routes/index');
app.use('/', routes);
app.use(function(req, res, next) {
    req.db = db;
    next();
});
var myCollection;
var db;         
var urlencodedParser = bodyParser.urlencoded({
    extended: false
})
var server = app.listen(8081, function() {
    db = MongoClient.connect('mongodb://127.0.0.1:27017/test', function(err, db) {
        if (err)
            throw err;
        console.log("connected to the mongoDB !");
        myCollection = db.collection('user_collection');
    });
    var host = server.address().address;
    var port = server.address().port;
    console.log("Example app listening at http://%s:%s", host, port);
})
module.exports = app;

这是我在router.js文件中处理请求的地方

var express = require('express');
var router = express.Router();
var path = require('path');
router.get('/', function(req, res) {
    res.sendFile(path.join(__dirname, '../public/views', 'index.html'));
});
router.get('/userlist', function(req, res) {
    var db = req.db;
    var collection = db.get('usercollection');
    collection.find({}, {}, function(e, docs) {
        res.render('userlist', {
            "userlist": docs
        });
    });
});
router.post('/adduser', function(req, res) {
    var db = req.db;
    console.log(req.body);
    var userName = req.body.userName;
    var userEmail = req.body.userEmail;
    var collection = db.get('usercollection');
    collection.insert({
        "username": userName,
        "email": userEmail
    }, function(err, doc) {
        if (err) {
            res.send("There was a problem adding the information to the database.");
        } else {
            response = {
                message: 'user created successfully',
                status: 200
            };
            res.end(JSON.stringify(response));
        }
    });
});
module.exports = router;

您应该发送json而不是字符串。让您的ajax像一样

删除JSON.stringify()或使其成为JSON.parse(JSON.stringify(obj))，因为您正在发送字符串（即：类型的req.body是字符串）。

$.ajax({
        url: '/adduser',
        method: 'POST',
        data:obj,
        success: function(data) {
            console.log('user created , info :' + data);
        },
        error: function(data) {
            console.log('User creation failed :' + data);
        }
    });

以及在您的服务器端。使用app.use(bodyParser.json());这对于解析application/json类型非常重要。
现在我想我会为你工作。