使用JavaScript的基本KnockOut映射以及如何使用getJSON

时间:2014-08-02 04:11:37

标签: javascript jquery json knockout.js

我试图显示来自外部JSON的数据,并且我是根据几年前数据不在外的示例进行练习的:http://jsfiddle.net/axrwkr/5t5fj/50/

以下是我在jsfiddle上引用外部JSON的尝试:http://jsfiddle.net/54sqn/4/

我使用Leaflet的L.GeoJson成功用于其他目的(在外部文件中声明字符串数组),但最终我想使用ko.mapping来显示/允许编辑标准JSON。无论如何,我已经搜索了这样一个基本的例子,以一种简单的方式从外部JSON显示一个条目,我似乎无法找到一个实际的工作示例。我已经看到了许多更高级的例子,我认为我已经把事情搞混了。谢谢你的帮助!

==============

JavaScript的:

var viewModel = {};

$.getJSON("http://yourjavascript.com/348728012/temp.js", function (data) {
   viewModel.model = ko.mapping.fromJSON(data);
   ko.applyBindings(viewModel);
});

`

HTML:

Full Name: <input data-bind="value: fullName" disabled="disabled" /><br />
Ref: <input data-bind="value: referenceNumber" disabled="disabled" /><br />
Position: <input data-bind="value: position" disabled="disabled" /><br />
Email: <input data-bind="value: email" disabled="disabled" /><br />
Dept: <input data-bind="value: departmentName" disabled="disabled" /><br />
Country: <input data-bind="value: country" disabled="disabled" /><br />

1 个答案:

答案 0 :(得分:0)

您的数据不是来自temp.js文件。可能不是正确的JSON数据。

enter image description here