使用本地运行的基本AJAX Web应用程序,Form通过Express / Node.js将数据发送到MongoDB,然后按钮onClick以在div框中呈现Mongo文档进行响应。
使用 Swig 进行模板化,onClick按钮只返回右括号以显示在html div框中。
}
如何编辑它来遍历每个MongoDB文档?
wrapper.html:
{% for go in allDOCs %}
_wrapperGet('{"getting":"{{ keyName }}"}')
{% endfor %}
.. ajax在index.html中发布包装器数据:
<!-- For the Returned Fields -->
<div id="theResponse">
</div><!-- /.theResponse -->
的console.log(的returnValue);列出了mongoDB文档:
{"keyName":"Here's a Value!"}, {"keyName":"Here's another Value!"}
..来自app.js
function getAllDOCs(res) {
db.collection('dbCollectionName').find({}, {"_id":0}).toArray(function (err, docs) {
console.log("Got the DOCs: " + docs);
var returnValue = "";
for (var i = 0; i < docs.length; i++)
{
if (returnValue == "")
{
returnValue = returnValue + JSON.stringify(docs[i]);
}
else
{
returnValue = returnValue + ", " + JSON.stringify(docs[i]);
}
console.log(docs[i]);
}
console.log(returnValue);
res.render('wrapper', { allDOCs: returnValue });
});
}
index.html AJAX json解析:
function handleFINDbuttonResponse(data)
{
// parse the json string
var jsonObject = JSON.parse(data);
$('#theResponse').append( jsonObject.getting );
}