处理跨域ajax post在节点js

handle cross domain ajax post in node js

本文关键字：节点 js post ajax 处理      更新时间：2023-09-26

我的app.js有下面的post处理程序

app.all('/', function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    next();
});
app.options('*', cors());
var allowCrossDomain = function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');
    next();
};
app.use(allowCrossDomain);
var whitelist = ['http://myurl.net'];
var corsOptions = {
    origin: function (origin, callback) {
        var originIsWhitelisted = whitelist.indexOf(origin) !== -1; callback(null, originIsWhitelisted);
    }
};
app.post('/ValidateUser/users',cors(corsOptions) , function (req, res) {
    var db = req.db;
    var collection = db.get('userlist');
    collection.find({}, {}, function (e, docs) {
        res.json(docs);
    });
    res.send("Hey");
});

调用它的html页面有以下代码

var user = { "bla":"bla"  };
function checkUser() {
    $.ajax({
        type:"POST",
        url: 'http://localhost:1337/validateuser/users',
        data: user,
        crossDomain: true,
        dataType:"jsonp"
        //jsonp: false,
        //jsonpCallback: 'jsonCallback'
    }).success(function (data) { console.log(data) });
};

当我保持断点并检查req.body时，它不具有req中的参数。

正文未定义

我无法获取数据，我是在节点js的html发布

使用body-parser模块获取数据，例如:

server.js: 

var express = require('express');
var bodyParser = require('body-parser');
var db = require('./db'); //module that contains db connection config
var app = express();
app.use(bodyParser());
app.get('/', function(req, res) {
    res.sendFile('/index.html', {root: __dirname });
});
app.post('/users', function(req, res) {
    console.log(req.body); //req.body contains the user = {bla: 'bla'} object
    var user = req.body;
    var collection = db.get('userlist');
    collection.find(user, function (e, docs) {
        res.json(docs);
    });
    res.send("Hey");
});
var server = app.listen(3000, function() {
    console.log('listening');
});

index . html 

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script>
    var user = { "bla":"bla"  };
    function checkUser(data) {
        $.ajax({
            type:"POST",
            url: 'http://localhost:3000/users',
            data: data,
            dataType: "json"
        }).success(function (data) { console.log(data) });
    };
    checkUser(user);
    </script>
</body>
</html>
相关文章：