Node/Express 的 MongoDB 示例 AJAX 调用？

这是从一个非常基本的页面开始：HTML 表单、一个按钮和一个 div 框。

单击按钮将通过 AJAX POST 表单数据。

数据将存储在 MongoDB 中，并在不刷新页面的情况下检索到 div-box 中。

来自index.html的AJAX：

$(document).ready(function()
{   

    // handle button clicks         
    $('#buttonID').click(function() {

        // make an ajax call
        $.ajax({
            dataType: 'jsonp',
            jsonpCallback: '_wrapper',
            data: $('#formID').serialize(),
            type: 'POST',
            url: "http://localhost:9999/start",
            success: handleButtonResponse,
            });
    });

    function handleButtonResponse(data)
    {
        // parse the json string
        var jsonObject = JSON.parse(data);
        $('#reponseID').append( jsonObject.message );
    }

});

app.js:

var express = require('express'),
    app = express();
    cons = require('consolidate');
    MongoClient = require('mongodb').MongoClient,
    Server = require('mongodb').Server;

app.engine('html', cons.swig);
app.set('view engine', 'html');
app.set('views', __dirname + "/views");

var mongoclient = new MongoClient(new Server('localhost', 27017,
                                                { 'native_parser' : true }));

var db = mongoclient.db('database_name');

app.get('/', function (req, res) {

    db.collection('collectionName').find({}, function (err, doc) {
            res.render('index', doc);   
    });

    response.writeHead(200, {"Content-Type:": "application/json"}); 
    var submittedPost = {};
    submittedPost['message'] = 'Proof that Node and Mongo are working..';
    response.write( "_wrapper('" );
    response.write( JSON.stringify(submittedPost) );
    response.write( "')");              
    response.end();

});

app.get('*', function (req, res) {
    res.send("404..", 404);
});

mongoclient.open(function (err, mongoclient) {

    if (err) throw err

    app.listen(9999);
    console.log("Express server started on port 9999");
});

JSON 如何/从哪里连接到 MongoDB？

另外，Express 是否需要模板引擎，例如 Consolidate？如果是这样，它如何/在哪里适合？

几点建议

关于index.html中的ajax调用

1. If your index.html由同一服务器提供服务，请不要使用跨域调用。这url财产在$.ajax可能是一个相对网址，例如/start.
2. 您也可以考虑不使用jsonp要求。

电话可能是这样的

$.ajax({
    dataType: 'json',
    data: $('#formID').serialize(),
    type: 'POST',
    url: "./start",
    success: handleButtonResponse,
});

JSON 如何/从哪里连接到 MongoDB？

在你请求的ajax调用中./start，所以你的express服务器中应该做同样的路由。喜欢

app.get('/start', function (req, res) {    
    db.collection('collectionName').insert({req.data}, function (err, doc) {
           //rest of code 
    });    
});

Express 是否需要模板引擎，例如 Consolidate？如果是这样，它如何/在哪里适合？

你有很多模板选择，比如 jade、ejs、hbs 等等。 如果您使用 jade 或其中任何一个，您在快速路由中的 html 渲染代码将会得到简化。

没有模板引擎

response.writeHead(200, {"Content-Type:": "application/json"}); 
var submittedPost = {};
submittedPost['message'] = 'Proof that Node and Mongo are working..';
response.write( "_wrapper('" );
response.write( JSON.stringify(submittedPost) );
response.write( "')");              
response.end();

使用 jade（现在是哈巴狗）这样的模板引擎

var submittedPost = {};
submittedPost['message'] = 'Proof that Node and Mongo are working..';
response.json(submittedPost);

另外，使用模板引擎，您可以使用服务器端变量渲染模板，并且可以在模板中访问它们，例如

app.get('/mypage', function (req, res) { 
    res.render('mytemplate_page',{template_variable:some_variable});
});   

你可以使用template_variable在模板内用于循环或显示。