如何将对象数组传递给jade模板？

我想将一组对象从 mongodb 传递到客户端......

这是物体

var objeto_img=
                            {
                                name:'name of the file',
                                image:'image.jpg url',
                                title:'title of the image',
                                caption:'descripcion of the image',
                                link:"#",
                            };

在某些配置文件中，有很多图像，因此是一个像这样的对象数组

[var objeto_img=
                            {
                                name:'name of the file',
                                image:'image.jpg url',
                                title:'title of the image',
                                caption:'descripcion of the image',
                                link:"#",
                            },var objeto_img=
                            {
                                name:'name of the file',
                                image:'image.jpg url',
                                title:'title of the image',
                                caption:'descripcion of the image',
                                link:"#",
                            },var objeto_img=
                            {
                                name:'name of the file',
                                image:'image.jpg url',
                                title:'title of the image',
                                caption:'descripcion of the image',
                                link:"#",
                            };]

这是服务器代码

res.render('index/perfil_publicacion_contenido',
    {
        datos:datosRecibidos
    })

datos Recibidos 是来自 mongodb 的对象数组

我试图在玉中放入一个变量

input(type='hidden',id='imagenes',value=datos.img)

但是当我尝试获取对象时

var fotos=$('#imagenes1').val();
            for(foto in fotos)
            {
                console.log(fotos[foto].image)
                console.log(fotos[foto].name)
                console.log(fotos[foto].caption)
                console.log(fotos[foto].title)
            }

控制台日志打印未定义

这是为什么？？？如何在客户端正确获取数据库信息？？？ 全部发送

如果我理解正确的话，你想将对象数组序列化到value输入的。尝试这个：

- var jsonString = JSON.stringify(datos)
input(type='hidden',id='imagenes',value=jsonString)

第一行应将对象数组转换为字符串，然后将其放入输入的值中。

然后，当您读取该值时，您将必须解析 JSON。

var fotos = $.parseJSON($('#imagenes1').val());

我假设你使用$暗示您正在使用 jQuery。

更新：解释

如果您希望服务器内存中的对象可供浏览器中运行的 Javascript 使用，则必须将该对象“写入”到页面上。该过程正式称为序列化，使用 Javascript 执行此操作的方法是JSON.stringify。一旦进入页面value输入的，它只是一个字符串。页面上的 JavaScript 必须将该字符串转换为对象（或者在本例中为对象数组）。这就是 JSON.parse 的用武之地。因为较旧的浏览器没有 JSON.parse，所以您应该使用像 jQuery.parseJSON 这样的 polyfill，以确保即使是较旧的浏览器也能够将 String 转换为 Javascript 对象。

顺便说一句，如果您不需要特定的数据hidden input但你认为这是最好的方法，让我建议另一种方法。如果你的目标是拥有var fotos包含的值datos从服务器，您可以直接在<script>页面上的标签。在 Jade 中执行此操作的方法如下：

script
  var fotos = #{JSON.stringify(datos)};

查看这个问题 https://stackoverflow.com/questions/8437295/jade-template-how-to-pass-concrete-object-to-pages关于将对象传递到页面。