javascript - 在node js中处理跨域ajax post

标签 javascript node.js express cross-domain

我的 app.js 有以下用于发布的处理程序

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.body 中没有未定义的参数

我无法从 Node js 中的 html 获取我发布的数据

最佳答案

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

服务器.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>

关于javascript - 在node js中处理跨域ajax post,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31701893/

相关文章:

javascript - 没有 child 的克隆元素

node.js - Node express 订单路线

javascript - 如何将自定义 Node 和属性添加到 AlloyUI 图表生成器

javascript - Socket.io和express.js,如何使其工作?

javascript - 更新并插入数据而不是完全替换

javascript - 非常长的 CSS 列的分节符

javascript - 调试或查找代码中的某些拼写错误的简单方法是什么?

node.js - 如何在执行 Paypal 付款后重定向?

javascript - 如何在 AngularJS 中获取多个复选框的值?

node.js - Firebase 工具 : login as service account