javascript - 如何渲染jade模板并使用jquery在div中调用它?

标签 javascript jquery node.js express pug

我正在尝试使用 jQuery .load 函数加载 jade 页面。 我在索引页中有一个 div,我想在单击 anchor 时加载其他 jade 模板。

下面提到了Jquery代码。

$(document).ready(function(){
    $('.navsub').click(function(e) {
            e.preventDefault();
            var page = $(this).attr('href');
            var pageout = $.get(page);
            if (page=='#')
                return false;
            else
            alert("working");
            $('#content_contain').load(pageout);
        });
});

现在在app.js中渲染页面,app.js中的渲染代码如下

app.get('/somepage', function (req, res) {
    var some = res.render('somepage', { title: 'someotherpage' });
    res.send(some);
});

现在的问题是如何渲染 jade 模板,该模板将在单击 anchor 时调用并在 div 内调用它。

如果页面扩展名是 .html.php,上面的 jQuery 代码可以正常工作,但不能使用 .jade

有人可以解释为什么这不起作用吗? 我正在使用node.js 和express.js。

最佳答案

res.render不返回任何内容,但接受回调。因此,请这样做:

res.render('somepage', { title: 'someotherpage' }, function(err, some){
    if (err) return next(err);
    res.send(some);
});

关于javascript - 如何渲染jade模板并使用jquery在div中调用它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32769247/

相关文章:

javascript - $.each() 通过键值对数组

node.js - Socket.io、Redis Store 和 IE

javascript - 类型错误:无法读取未定义的属性 'v4'

javascript -\t 在 JavaScript 中不起作用

javascript - 在 JSX 中使用不同的 View 渲染数组

javascript - Google Closure 编译器发出警告 : incompatible types; even when parameters have common types, 有没有办法解决这个问题?

javascript - 使用带有标签 :true, 的 select2 jquery 插件,如何防止选项显示在已选择的下拉列表中?

javascript - 查找元素然后循环追加

javascript - 使用express.js 发送文件的有效方法

javascript - 我如何使用 docker Fig 自动加载代码更改