我正在尝试使用 ejs 模板引擎将 JSON 对象从 MongoDB 发送到页面。这是我的数据库(JSON 对象)的响应:
"suppliers": [
{
"lastname": "lastname1",
"firstname": "firstname1",
"middlename": "middlename1",
"mobtel": "mobtel1",
"worktel": "worktel1",
"email": "email1"
},
{
"lastname": "lastname2",
"firstname": "firstname2",
"middlename": "middlename2",
"mobtel": "mobtel2",
"worktel": "worktel2",
"email": "email2"
}
]
当我从数据库中获取 i 作为对象时,我必须将其字符串化为 str 以作为 EJS 模板引擎的 var 发送:
var myJSONText = JSON.stringify(doc.suppliers);
profile["suppliers"] =myJSONText;
...
res.render('profile.ejs',{profile:profile});
在前端,我得到一个带有 json 数据的纯字符串。 我通过 jQuery 将其解析为一个对象:
var jsonObject = jQuery.parseJSON('<%= profile.suppliers %>');
for (var i=0; i<jsonObject.length; i++){
//trying to show field 'name' for every supplier
alert(jsonObject[i]['lastname']);
}
...它不起作用,但应该提醒我两次。我尝试检查进入前端的纯文本 JSON 字符串,并发现了这样的符号:
[{"lastname": " ...
似乎 jQuery.parseJSON
无法从这样的字符串创建有效的对象。我做错了什么?谢谢!
更新:嗯,我已将代码变成:
NodeJS 代码:
profile["suppliers"] =doc.suppliers;
res.render('profile.ejs', { profile:profile });
jQuery 代码:
for (var i=0; i<'<%= profile.suppliers %>'.length; i++){
//trying to show field 'name' for every supplier
alert('<%= profile.suppliers %>'[i]['lastname']);
}
它给了我无限循环的未定义警报。
更新 2:我更新了源代码,因此:
NodeJS:
var myJSONText = JSON.stringify(doc.suppliers);
profile["suppliers"] =myJSONText;
res.render('profile.ejs',{profile:profile});
客户:
var jsonObject = <%- profile.suppliers %>;
$.each(jsonObject, function(item) {
alert(item.lastname);
});
生成的源代码:
var jsonObject = [{"lastname":"lastname1","firstname":"firstname1","middlename":"middlename1","mobtel":"mobtel1","worktel":"worktel1","email":"email1"},{"lastname":"lastname2","firstname":"firstname2","middlename":"middlename2","mobtel":"mobtel2","worktel":"worktel2","email":"email2"}];
似乎没问题,但仍然给我未定义的警报。然而,它只发出两次警报,这意味着它正确解析了 JSON,只是无法访问姓氏属性?
最佳答案
正如您正确诊断的那样,"
s 正在被插入到您的 JSON 中。这会使其无效,从而阻止其被解码。
这是因为在 ejs , <%= ... %>
html 输出是否转义,因此 "
。您需要使用<%- profile.suppliers %>
以避免这种情况。
没有必要使用JSON.parse
在客户端:JSON 已经是有效的 JavaScript 代码,因此可以直接插入代码中,而不是存储为字符串文字。
var jsonObject = <%- profile.suppliers %>;
$.each(jsonObject, function() {
alert(this.lastname);
});
关于jquery - NodeJS + JSON + jQuery : send JSON-object form Node-backend to jQuery-frontend,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10986707/