如何在 Node 中加载 jade 文件.js在进行 Ajax 调用后

Question

在我的节点.js应用程序中，我正在通过单击按钮创建一个Ajax类，我想加载新的html文件。一切都很好，但新的html文件没有加载。

我在main.jade文件中进行这样的ajax调用：

script(type='text/javascript').
            $(document).ready(function(){
                $(".login-button").click(function() {
                  $.ajax({
                    method: "POST",
                    url: "http://localhost:3000/admin",
                    data: { name: "xyz", organization: "abcdz" }
                  })
router.post('/admin', function(req, res) {
    res.render('summary', { name: req.body.name})
});

在单击登录按钮进行 ajax 调用后，我想加载 summary.jade 文件，但它没有加载，而是显示登录页面。

我不知道该怎么做。

应用.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var routes = require('./routes/index');
var users = require('./routes/users');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', routes);
app.use('/users', users);

Answer 1

res.render会发出html。如果需要呈现 html，则必须为post附加一个成功处理程序，并将内容注入到 dom 中。

$.ajax({
        method: "GET",
        url: "http://localhost:3000/admin",
        data: { name: "xyz", organization: "abcdz" }
        success: function (data) {
        //data is the resultant html when gets created by res.render()
       // wanna show it, add it to the dom
       $('.some-element').html(data);
   }
});