knockoutjs调用继续执行,我怎么才能只调用一次?

时间:2015-12-17 11:41:37

标签: javascript knockout.js knockout-2.0 knockout-3.0

我有这段代码:

t._teacherOptions = ko.observable();

function getTeacherList() {
  $.ajax({
    type: "POST",
    url: "/webservices/Service.asmx/GetTeachers",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(i) {
      if (i.d) {
        console.log(i.d);
        return t._teacherOptions(i.d);

      }
    },
    error: function(n) {
      u(n);
    }
  });
}

t.TeacherOptions = ko.computed(function() {
  getTeacherList();
  return t._teacherOptions();
});

然后是我的HTML:

<select data-bind="options: $root.TeacherOptions(), value: Id, optionsText: 'Name'"></select>

由于某种原因,当打开页面时,获取教师列表的功能会不停地循环。

我能够得到我需要的结果,但循环继续,我需要停止它。

我在这里做错了什么?

由于

1 个答案:

答案 0 :(得分:1)

你无休止地循环,因为你的TeacherOptionscomputed}访问_teacherOptions(因此创建了一个依赖项),因为你正在改变{{1}的值在Ajax调用的_teacherOptions回调中,success再次被评估(因为它取决于TeacherOptions)并再次发出Ajax请求。

尝试在_teacherOptions之外致电getTeacherList()

computed

请参阅Documentation