javascript - express使用pug模板引擎时，render发送的参数如何在jQuery中使用？

问题描述

问 题

在express中使用pug作为模板引擎，当render一个视图时：

router.get('/edit-item/:id', function(req, res, next){
    let id = req.params.id;
    serviceItem.find({_id:id}, function(err, data){
        console.log(data);
        res.render('service/editItem',{dataObject:data[0], id:id});
    });
});

向视图传递一个dataObject参数，在pug模板中可以这样使用：

div.form-group
     label 项目名称
     - let name = dataObject.name;
     input.form-control(type="text" name="name" value=name)

但是，如果要在pug模板中的jQuery中使用这个dataObject,该咋办？

script.
        $(document).ready(function(){
            console.log(dataObject);  //这个控制台会提示undefined
        })

解决方案

script.
    let dataObj = "#{dataObject}";

这里就会把 dataObject 的值传进来作为变量赋给 dataObj ，这是很早之前 express 的语法，不知道现在这种写法还能不能工作。

这篇关于javascript - express使用pug模板引擎时，render发送的参数如何在jQuery中使用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！