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

Question

我正在尝试使用 jQuery .load 函数加载 jade 页面。我在索引页面中有一个 div，我想在单击锚点时加载另一个 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 模板并在 div.

中调用它

如果页面扩展名是 .html 或 .php，上面的 jQuery 代码可以正常工作，但不适用于 .jade.

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

Answer 1

res.render 没有 return 任何东西，但需要回调。所以改为这样做：

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

Answer 2

在 index.js 中提及路线并重新启动应用程序解决了我的问题。

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

How to render jade template and call that in a div using jquery?

javascript

jquery

node.js

express

pug