javascript - Vanilla JS MVC -- AJAX 成功时从模型通知 Controller

Question

我正在努力开发我的第一个普通 JS MVC 应用程序。我的模型向服务器发出 AJAX 请求...然后 Controller 更新 View ，但它不会等待 AJAX promise 解析，因此它只是更新 View 而不进行任何操作。如何通知 Controller 异步解析？

Controller :

function DeadController() {
        this.model = new DeadModel();
        this.view = new DeadView();
        this.updateView();
    }
    DeadController.prototype.updateView = function() {
        this.view.render(this.model.data);
    }

型号:

function DeadModel() {
    this.uri = 'api' + window.location.pathname;
    this.data = this.getResponse(this.uri);
}
DeadModel.prototype.getResponse = function(uri) {
    $.get(uri, (response) => {
        return response;
    });
}

Answer 1

getResponse()没有返回任何值。当返回值时，该值应该是一个 jQuery Promise 对象，返回值 $.get()

DeadModel.prototype.getResponse = function(uri) {
    return $.get(uri); // `return` the jQuery promise object
}

DeadController.prototype.updateView = function() {
    this.model.data // jQuery promise object returned from `$.get()`
    .then(this.view.render) // pass response data to `this.view.render`
    .fail(function(err) { // handle error
      console.error(err)
    })
}