实时数据绑定

Question

我有一个表，显示上载文件的列表。如果我上传了文件，则需要在表格中反映出来。这已经在发生，但是不是实时的。我需要刷新页面以反映所需的数据。

我尝试刷新jquery中的div，但是它不起作用：

<div class="mjs-cell">
            <div id="stipsData" data-bind="template:{name: 'rehash-customertab-stips-section', data: stipsViewModel}">
            </div>
        </div>

<div class="mjs-row">
        <table class="table table-striped table-bordered">
            <tr>
                <th>Stip Name</th>
                <th>Status</th>
                <th>File Name</th>
            </tr>
            <tbody data-bind="foreach: $data">
                <tr class="stips-row">
                    <td class="hidden stips-id" data-bind="text: StipulationTypeId"></td>
                    <td class="stips-text">
                        <a data-bind="text: StipulationType"></a>
                    </td>
                    <td class="stips-status">
                        <span data-bind="text: Status"></span>
                    </td>
                    <td class="stips-uploaded-file" data-bind="text: FileName"></td>
                </tr>
            </tbody>
        </table>
    </div>

这是我用于绑定的代码：

  stipsViewModel = ko.computed(function () {
            DealApiControllers.GetStipulations(dealId,
                (response) => {
                    this.stipsViewModel = response.DealStipulationsDTOs;
                },
                (error) => {
                    console.error(error);
                });
        }, this);

例如，该表显示Doc1，Doc2。如果我上传Doc3，它应该会反映在列表中。