Knockout会更改一个变量的值

时间:2015-03-30 13:44:49

标签: javascript knockout.js knockout-3.0

我正在尝试在淘汰赛中编辑一个用户,但是这发生了,我得到了元素并且我在查询中将其发送到Controler,它在JSON中返回我的(对象) 我将该对象保存在此变量中:

var ViewUsuarios = function () {
     self.dato = ko.observableArray();
      var usuariosUri = '/api/Usuarios/';
      var rolesUri = 'api/Rols/';

function ajaxHelper(uri, method, data) {
    self.error('');
    return $.ajax({
        type: method,
        url: uri,
        dataType: 'json',
        contentType: 'application/json',
        //Strinfy convierte una cadena de tipo javascript a objetos tipo JSON
        data: data ? JSON.stringify(data) : null

    }).fail(function (jqXHR, textStatus, errorThrown) {
        self.error(errorThrown);
    });
}

}

一切正常,但是当我这样做时:

 ajaxHelper(usuariosUri + item.ID, 'GET').done(function (data) {
        //alert(JSON.stringify(data));
        self.upUsuario(data); <- Here i have the user
    });

    ajaxHelper(rolesUri + item.RolId,'GET').done(function (data) {
        self.dato(data); <- Here works i have the correct ROL
        alert(JSON.stringify(self.dato())+"Correcto ");
    });
        alert(JSON.stringify(self.dato())+"Incorrecto"); <- Here don't work at first click is null and second have the after element

我不知道错误在哪里

1 个答案:

答案 0 :(得分:1)

那是因为:

    同步调用
  • alert(JSON.stringify(self.dato())+"Incorrecto");
  • self.dato(data); alert(JSON.stringify(self.dato())+"Correcto ");被异步调用。

所以实际的执行顺序是:

  1. ajaxHelper(usuariosUri + item.ID, 'GET')
  2. ajaxHelper(rolesUri + item.RolId,'GET')
  3. alert(JSON.stringify(self.dato())+"Incorrecto");
  4. self.upUsuario(data);
    self.dato(data); alert(JSON.stringify(self.dato())+"Correcto ");
  5. self.dato将永远不会被初始化,直到4,尽管3指的是self.dato 这就是为什么self.dato在第一次点击时为空的原因 也许在第二次点击时,self.dato包含以前ajaxHelper的结果。