ajax - json加载后重新加载淘汰赛js视图

Question

我正在做淘汰赛，

这是静态示例：

static fiddle

数组改变时刷新但是；

这是动态示例：

dynamic fiddle

这不是刷新，也不是在 init 中加载。

json 部分在这里；

      $.getJSON( "/echo/json/")
      .done(function( json ) {
         $.each(json.data.data, function(i, item){
            console.log(item.name); // json Item
            data.push(JSON.stringify(item)); // I push the json item in array
            console.log(data); //array
          })        
  })

谢谢大家

Answer 1

看这里：

http://jsfiddle.net/KU9t5/4/

您的 getAttachments() 函数应该只更新可观察数组的内容：

ajax 调用：

$.post( "/echo/json/", "{}")
      .done(function( json ) {
          self.attachments([]);
         $.each(data, function(i, item){
            console.log(item.name); // json Item

            self.attachments.push(item);
            console.log(self.attachments()); //array
        });        
      })
      .fail(function( jqxhr, textStatus, error ) {
        var err = textStatus + ", " + error;
        console.log( "Request Failed: " + err );
    });

刷新()函数：

self.refresh = function() {
    self.getAttachments();
  //self.attachments(self.getAttachments());
  //ko.mapping.fromJS(self.getAttachments(), self.attachments);
  console.log("attachments:" + self.attachments());

}