Jade，Express.js，NodeJS-使用新數據自動呈現UI

Question

JSON對象（故事）如下所示：

    [ {
            title: "Story of Learning NodeJS",
            id: "1",
            description: "Interesting, Fun, Exciting" 
    }]

用於呈現故事的JADE模板如下所示：

 ul
    each story in stories
        li
            span#storyTitle= story.title

這將在客戶端呈現故事列表。 現在，我具有“創建故事”功能，該功能將用於添加新故事，從而將其添加到JSON對象。 我希望在不刷新頁面的情況下將其反映在客戶端界面中。

我嘗試使用：

response.render("index", {stories: stories });

在POST方法將故事添加到故事對象之后。 但是渲染不會發生。

如何做到這一點？

Answer 1

您有幾種可能性：

使用流星 ：

您可以使用一個很好的功能，稱為Live HTML Templates 。 您可以輕松地綁定數據，並且當它們在后端更改時，前端中的數據也會更改。 但是您需要重寫您的應用程序：(

使用jQuery：
這是一個使用$.load .load重新加載部分paga的小腳本：

$.reloadSection = function (id) {
  var q = window.location.pathname + (window.location.search || "") + " " + id;
  $(id).load(q, function () {});
};

現在：

$.reloadSection('#my-id');

有用！