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

.单击按钮将通过 AJAX 发布表单数据。

数据将存储在 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. 如果您的 index.html 由同一台服务器提供服务，那么请不要使用跨域调用。 $.ajax 中的 url 属性可以是一个相对 url，例如 /start。
2. 也可以考虑不使用jsonp请求。

电话可能是这样的

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

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

在你请求 ./start 的 ajax 调用中，因此应该在你的 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 或它们中的任何一个，您在快速 route 的 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(现在是 pug)这样的模板引擎

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 进行循环或显示。

关于javascript - AJAX 调用到/从 Node/Express 的 MongoDB 示例？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20321291/