0

我正在尝试使用 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-data 的纯字符串。我通过 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 字符串，进入前端，并发现了这样的符号：

[{&quot;lastname&quot;: &quot; ...

似乎jQuery.parseJSON无法从此类字符串创建有效对象。我做错了什么？谢谢！

更新：嗯，我已经把我的代码变成了：

节点代码：

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：我更新了我的源代码，所以：

节点JS：

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 并且无法访问 lastname 属性？

4

2 回答 2

9

正如您正确诊断的那样，&quot;s 被插入到您的 JSON 中。这使其无效，从而阻止它被解码。

这是因为在ejs中，<%= ... %>html 输出是否转义，因此&quot;. 你需要使用<%- profile.suppliers %>来避免这种情况。

无需JSON.parse在客户端使用：JSON 已经是有效的 javascript 代码，因此可以直接插入代码中，而不是存储为字符串文字。

var jsonObject = <%- profile.suppliers %>;
$.each(jsonObject, function() {
    alert(this.lastname);
});
于 2012-06-11T20:21:49.337 回答
0

正如 Wes 所逃避的那样，我认为您正在做不必要的字符串化/解析。

试试这个：

var suppliers = // your JSON source

$(suppliers).each(function() {
   alert(this.lastname);
});
于 2012-06-11T20:17:39.877 回答