ember.js - 用来自 AJAX 调用(XHR 请求)的 JSON 数据填充 ember 对象的最佳方法是什么？

Question

我们有一个 ember 对象，我们想用来自 AJAX 调用的数据填充它:

window.App = Ember.Application.create(
    { rootElement: '#container' }
);

App.WindowDetail = Ember.Object.create({
        ID: "",
        Title: "",
InteriorFinishesDescription: ""

});

目前，我们通过 AJAX 调用以这种方式获取 JSON 数据:

$(window).load(function () {
        //Call the page method   
        $.ajax({
            type: "POST",
            url: "TestController.aspx",
            //contentType: "application/json; charset=utf-8",   
            data: "asaw",
            dataType: "json",
            success: function (r) {

               App.WindowDetail.InteriorFinishesDescription = r.InteriorFinishesDescription;

                alert(App.WindowDetail.InteriorFinishesDescription);

            }
        });
    });

在此示例中，JSON 数据恢复正常——“App.WindowDetail.InteriorFinishesDescription”被填充。

问题是模板没有被填充。而且，我认为这不是在使用 Ember JS 时获取 JSON 数据的正确方法。

这是 Handlebars 模板的示例:

<script type="text/x-handlebars">
   <div class="two columns">
      {{App.WindowDetail.InteriorFinishesDescription}}
   </div> 
</script>

Answer 1

为了触发 Ember 的绑定(bind)，您需要使用 set():

App.WindowDetail.set("InteriorFinishesDescription", r.InteriorFinishesDescription);

顺便说一句，我很高兴您发现我的其他答案很有帮助。肯定有一些不同的持久性选项。就复杂性和功能而言，我会说它们从 jQuery.ajax() 到 Ember REST至 Ember Resource至 Ember Data .