Javascript 在Jade文件中使用Ajax返回值

我正在使用ExpressJS和Jade模板引擎。我正在努力做到以下几点：

在Jade文件中，我提取了一个JavaScript文件中需要的变量。在这个JavaScript文件中，我向Express服务器发送了一个Ajax请求。这会返回一些数据，我想把这些数据放在另一个变量中，我可以在我的Jade文件中再次使用它

这是我的密码：

Jade文件：

script.
    var userID = '#{userObject.ID}'; //Extract variable
script(src='/javascripts/account.js') //needed in this file

p
    | #{papersObject} //This should be the result from the Ajax request

$(document).ready( function() {

    $.ajax({
        url: '/accountdata',
        /* jshint ignore:start */
        data: {'personId': userID},
        /* jshint ignore:end */
        dataType: 'JSON',
        success: function(data, status, jqXHR) {
            var papersObject = JSON.stringify(data.result);
        }
    });

});

var accountData = require('./routes/accountdata');
app.use('/accountdata', accountData);

var express = require('express');
var router = express.Router();
router.get('/', function (req, res) {
    data = //Some database function
    res.send({result: data});
});
module.exports = router;

Ajax请求：

script.
    var userID = '#{userObject.ID}'; //Extract variable
script(src='/javascripts/account.js') //needed in this file

p
    | #{papersObject} //This should be the result from the Ajax request

$(document).ready( function() {

    $.ajax({
        url: '/accountdata',
        /* jshint ignore:start */
        data: {'personId': userID},
        /* jshint ignore:end */
        dataType: 'JSON',
        success: function(data, status, jqXHR) {
            var papersObject = JSON.stringify(data.result);
        }
    });

});

var accountData = require('./routes/accountdata');
app.use('/accountdata', accountData);

var express = require('express');
var router = express.Router();
router.get('/', function (req, res) {
    data = //Some database function
    res.send({result: data});
});
module.exports = router;

app.js:

script.
    var userID = '#{userObject.ID}'; //Extract variable
script(src='/javascripts/account.js') //needed in this file

p
    | #{papersObject} //This should be the result from the Ajax request

$(document).ready( function() {

    $.ajax({
        url: '/accountdata',
        /* jshint ignore:start */
        data: {'personId': userID},
        /* jshint ignore:end */
        dataType: 'JSON',
        success: function(data, status, jqXHR) {
            var papersObject = JSON.stringify(data.result);
        }
    });

});

var accountData = require('./routes/accountdata');
app.use('/accountdata', accountData);

var express = require('express');
var router = express.Router();
router.get('/', function (req, res) {
    data = //Some database function
    res.send({result: data});
});
module.exports = router;

路线：

script.
    var userID = '#{userObject.ID}'; //Extract variable
script(src='/javascripts/account.js') //needed in this file

p
    | #{papersObject} //This should be the result from the Ajax request

$(document).ready( function() {

    $.ajax({
        url: '/accountdata',
        /* jshint ignore:start */
        data: {'personId': userID},
        /* jshint ignore:end */
        dataType: 'JSON',
        success: function(data, status, jqXHR) {
            var papersObject = JSON.stringify(data.result);
        }
    });

});

var accountData = require('./routes/accountdata');
app.use('/accountdata', accountData);

var express = require('express');
var router = express.Router();
router.get('/', function (req, res) {
    data = //Some database function
    res.send({result: data});
});
module.exports = router;

---

为什么

{papersObject}

没有显示在我的页面上？我如何才能让它工作？

您的服务器端代码和客户端代码在不同的计算机上运行。Jade模板甚至在发送Ajax请求之前就被处理了

如果要将数据添加到页面，则需要使用DOM操纵来完成此操作

---

e、 g.

如何使用DOM操纵将

元素添加到

或从express服务器端以JADE模板呈现数据，并将HTML作为ajax响应返回，以及从ajax成功调用将HTML附加到DOM容器。