如何从 ajax 帖子中更新 A Jade 模板？

Question

我已经使用express和默认视图引擎jade设置了一个基本的node.js Web应用程序。

当用户第一次加载页面时，会发生以下

app.get('/', function(req, res){
    res.render('index', {
        title: 'Test',
        mode: "user"
    });
});

情况，我无法解决的是如何更改我最初从 ajax 调用传递到 jade 模板中的参数。

app.post('/', function(req, res){
    console.log(req.body.list);
    res.redirect('back');
    // I imagine the code needs to go here and look somewhat like the following
    // 
    // res.?update-view({
    //  mode: "admin"
    // });
});

如果有人有过此工作的经验，我们将不胜感激。

Answer 1

我不太确定您想要什么，但如果它使用 AJAX 调用的结果更新页面（不会刷新或以其他方式重新加载页面），那么您将不得不使用客户端 JavaScript。 jQuery 的 load() 或 post() 应该能够处理这个问题。

或者，如果您不使用 AJAX，而是执行普通表单提交，则有几个选择。一，您可以保留重定向并使用 Express/Connect 的 会话 系统来确定什么是用于 get 请求，或者两个您可以将重定向替换为 index.jade 页面的另一个 res.render 并包含您要更改的变量。

应该理解的是，在发生这两种情况之后，node.js 会将网页的控制权交给浏览器，除非您专门设置了通信架构。目前，node.js 中没有任何控件可以强制客户端进行更新或页面更改。除非通过套接字连接或除非客户端本身进行轮询（例如在涉及 jQuery 的第一个示例中）。

Answer 2

假设您想使用其他“模式”显示同一页面

// set the page title for all requests
app.locals({ title: 'Test' });

// GET request
app.get('/', function(req, res){
  res.render('index', {
    // displays the default "user" mode
    mode: 'user'
  });
});

// when POST is submited
app.post('/', function(req, res){
  // this is the param given by the user
  console.log(req.body.list);

  // now render the same page
  res.render('index', {
    // with mode set to the the given parameter
    mode: req.body.list
  });
});

Answer 3

您可以使用类似下面的内容，或者如果您想使用 AJAX 调用，请使用 jQuery ajax，只要有响应

Client

script(type="text/javascript")
  $(document).ready(function(){
    //...AJAX here....
    var newValue = #{value} + 10;
  });

Server

app.get('/ajax', function(req, res){
 //This is where your code and response go
});