Jquery js使用json数据更新表单值

Jquery js使用json数据更新表单值,jquery,knockout.js,Jquery,Knockout.js,我对knockout.js完全是新手,需要对如何简单地用json数据更新表单字段有一个非常基本的了解。我有一个模型。如何将json数据拉入可观察字段 <p>Errors: <input data-bind="value: errors" /></p> <p>Message: <input data-bind="value: message" /></p> // Here's my data model var ViewMo

我对knockout.js完全是新手,需要对如何简单地用json数据更新表单字段有一个非常基本的了解。我有一个模型。如何将json数据拉入可观察字段

<p>Errors: <input data-bind="value: errors" /></p>
<p>Message: <input data-bind="value: message" /></p>

// Here's my data model
var ViewModel = function(myError, myMessage) {
    this.errors = ko.observable(myError);
    this.message = ko.observable(myMessage);
};

ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work

$.getJSON("http://api.twitter.com/1/statuses/public_timeline.json", function(data) {

})
错误:

信息:

//这是我的数据模型 var ViewModel=函数(myError,myMessage){ this.errors=ko.可观察(myError); this.message=ko.observable(myMessage); }; ko.applyBindings(新视图模型(“行星”、“地球”);//这使得击倒开始工作 $.getJSON(“http://api.twitter.com/1/statuses/public_timeline.json,函数(数据){ })
我更喜欢显式设置视图模型属性-我觉得这样更易于控制和维护

var ViewModel = function(myError, myMessage) {
    var self = this;
    self.errors = ko.observable(myError);
    self.message = ko.observable(myMessage);
    self.property1 = ko.observable();
    self.property2 = ko.observable();
};

var vm = new ViewModel("Planet", "Earth");
ko.applyBindings(vm); // This makes Knockout get to work
$.getJSON("http://api.twitter.com/1/statuses/public_timeline.json", function(data) {
    vm.property1(data.field1);
    vm.property2(data.field2);
    ...etc
})
如果这看起来太冗长,还可以使用映射插件将JSON中的值自动映射到视图模型中

请在此处阅读更多信息:


我更喜欢显式地设置视图模型属性——我觉得这样更容易控制和维护

var ViewModel = function(myError, myMessage) {
    var self = this;
    self.errors = ko.observable(myError);
    self.message = ko.observable(myMessage);
    self.property1 = ko.observable();
    self.property2 = ko.observable();
};

var vm = new ViewModel("Planet", "Earth");
ko.applyBindings(vm); // This makes Knockout get to work
$.getJSON("http://api.twitter.com/1/statuses/public_timeline.json", function(data) {
    vm.property1(data.field1);
    vm.property2(data.field2);
    ...etc
})
如果这看起来太冗长,还可以使用映射插件将JSON中的值自动映射到视图模型中

请在此处阅读更多信息:


你的意思是
数据
为空,或者你看到的是什么?你最初并没有说你需要一个完整的、有效的示例。无论如何,fiddle中的JSON URI不允许来自jsfiddle.net的请求。这就是为什么你得不到任何数据。检查你的浏览器的控制台输出,看看错误。这里有一把小提琴更充分地演示:谢谢。你是说
数据
为空,还是说你看到了什么?你最初并没有说你需要一个完整的工作示例。无论如何,fiddle中的JSON URI不允许来自jsfiddle.net的请求。这就是为什么你得不到任何数据。检查你的浏览器的控制台输出,看看错误。这里有一把小提琴更充分地演示:谢谢。这让我站了起来,这也是我一直在寻找的。