问将新数据加载/更新到网页并使用Knockout动态更新UI
EN

Stack Overflow用户

提问于 2017-06-04 07:28:09

回答 0查看 123关注 0票数 0

使用名为Knockout的动态JavaScript技术，我想将新数据发送到我的网页，并要求Knockout为我进行动态UI更新。

下面的示例显示了一个非常简单的网页，其中显示了两个分数(P1和P2)。JavaScript使用Knockout创建一个ViewModel()。不幸的是，我只能通过提供JSON-data属性来实现这一点。我不知道如何动态加载和动态更新新的分数数据。

现在我的问题是:我如何“注入”(即首先加载并随时更新)新数据到我的网页，并且Knockout将动态更新分数UI？

我想，我需要一些...

a) $.getJSON("....“用于初始加载！

b)从任何地方对数据更新的请求后(REST)调用

但是我该怎么做a)和b)？谢谢你在这方面的帮助。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>iKK_ScoreMirror</title>
</head>

<script type='text/javascript' src='Knockout/knockout-3.4.2.js'></script>

<body>

<h3>Game</h3>

    <p>Score P1 =  <span data-bind="text: scoreP1"></span> </p>
    <p>Score P2 =  <span data-bind="text: scoreP2"></span> </p>

</body>

<script>

    function ViewModel() {
        var self = this;

        // !!!!!!! Here is the json-data given fix
        var jsonData = {
            sP1: 13,
            sP2: 23
        };

        self.scoreP1 = ko.observable(jsonData.sP1)
        self.scoreP2 = ko.observable(jsonData.sP2)
    };

    var vm = new ViewModel();
    ko.applyBindings(vm);

</script>

</html>

json

rest

knockout.js

javascript

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44349431

复制

相似问题

问将新数据加载/更新到网页并使用Knockout动态更新UI
EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将新数据加载/更新到网页并使用Knockout动态更新UIEN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将新数据加载/更新到网页并使用Knockout动态更新UI
EN