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

Question

I am trying to load a jade page using the jQuery .load function. I have a div in index page where i want to load the other jade template when an anchor is clicked.

Jquery code is mentioned below.

$(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);
        });
});

and now rendering the page in app.js, rendering code in app.js is mentioned below

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

Now the question is how do i render the jade template which will be called when anchor will be clicked and call it inside a div.

The jQuery code above works fine if the page extension is .html or .php , but not with .jade .

Can someone explain why this doesn't work? I'm using node.js and express.js.

Answer 1

res.render doesn't return anything, but takes a callback. So do this instead:

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

Answer 2

在index.js中提到路由并重新启动应用程序对我来说解决了这个问题。