javascript - Ajax Get方法不使用Ember Js返回值

我试图显示使用ember js的下拉列表。使用Ajax GET方法。但是它无法返回任何值。

我对Ajax的要求

这是我的代码:

App.IndexController = Ember.ArrayController.extend({
  model1: function () {
    var Category1 ;
    $.ajax({
      url: 'http://localhost:63951/Home/GetAllCountry',
      type: 'GET',
      datatype: 'application/json',
      async: false,
      success: function (data) {
        alert(data);
        Category1 = data;
      }
    });
    return Category1;
  }.property(),

});


注意
内部控制器警报显示正常。

提醒杰森

[{“ CountryID”:1,“ CountryName”:“美国”}]

在我的html页面中无法获得该值。

js代码在这里

 <script type="text/x-handlebars">
        <h2>Welcome to Ember.js</h2>
        {{outlet}}
    </script>
    <script type="text/x-handlebars" id="index">

        <div>

            {{view  "select"  id="AddProfile_SelectCountry"  content=model1  prompt="Select Country"  optionValuePath="content.CountryName" optionLabelPath="content.CountryName" valueBinding=default }}

            </div>


    </script>

    <script src="js/libs/jquery-1.10.2.js"></script>
    <script src="js/libs/handlebars-v1.3.0.js"></script>
    <script src="js/libs/ember-1.8.1.js"></script>
    <script src="js/appnew.js"></script>
    <!-- to activate the test runner, add the "?test" query string parameter -->


最佳答案:

当您执行Category1 = data;时,会将变量标签Category1设置为数据值。您要做的是更改该标签引用的对象。

最好将Category1设为Ember对象,并通过数据设置其属性。像这样:

        model1: function () {
        var Category1 = Ember.Object.create();
        $.ajax({
                    url: 'http://localhost:63951/Home/GetAllCountry',
                    type: 'GET',            
                    datatype: 'application/json',
                    async: false,
                    success: function (data) {
alert(data)
                        Category1.setProperties(data); 
                   }
        });       
        return Category1;
            }.property(),


如果您的数据是以数组形式输入的,但是您只想要第一个元素(如上所示),则可以改为Category1.setProperties(data[0]);

译文:来源   文章分类: javascript jquery ajax ember.js handlebars.js

相关文章:

javascript - 动态更改验证码语言

javascript - 使用Express.js将JSON数据发送到服务器

javascript - 使用JavaScript功能自动化网页

javascript - jQuery嵌套手风琴-禁用自动打开

javascript - 保护Java语言中的全局范围的方法

javascript - 使用Facebook Graph API进行弹出式身份验证的简单示例

javascript - 遇到错误:如何从打字稿中正确使用已翻译并键入的打字稿npm模块?

javascript - 如何通过SVG图像监听对象的加载事件?

javascript - DOM的JavaScript解析器

javascript - jQuery:检查是否单击了按钮