angularjs JSON解析问题

使用Ajax请求我收到以下JSON数据：angularjs JSON解析问题

{ 
    "status" : "success", 
    "xplist" : [ 
     { "rank" : "1", "username" : "test1", "xp" : "2500" }, 
     { "rank" : "2", "username" : "test2", "xp" : "2200" }, 
     { "rank" : "3", "username" : "test3", "xp" : "1900" } 
    ] 
}

在我的控制，我创建空的数据变量

$scope.data = {};

并且json数据分配给它这样的：

$scope.data.xpresult = data;

然后在我看来，我尝试使用NG-重复获得的物品出来：

<li ng-repeat="xp in data.xpresult.xplist">            
    <div class="listItem"> 
     <div class="left">               
      <p>{{xp.rank}}</p> 
     </div>    
     <div class="middle"> 
      <p style="padding: 8px 46px 0px 0px;margin:0">{{xp.username}}</p> 
      <p style="margin:0px">{{xp.xp}}</p> 
      </div>   
    </div> 
</li>

我也尝试了重复，而不是以下：

data.xpresult.0.xplist

也试过将数据放在一个变量，并再次字符串化结果：

var xpdata = JSON.parse(data); 
$scope.data.xpresult = JSON.stringify(xpdata.xplist);

但不幸的是这没”不管工作。

任何人都可以给我一个指示如何正确地得到这个或我做错了什么？

更新

控制器是如下：

angular.module('AndriodApp') 

.controller('ExperienceController', function($scope,md5){ 

$scope.data = {}; 

$scope.getTop50 = function(uid,uname) { 
    var token = md5.createHash("test"+uid+uname+"test"); 
    var postdata = { messagetype: "getexperience", userid: uid, securitytoken: token }; 
    $.post("http://127.0.0.1/backend/jiomsg.php",postdata) 
     .done(function(data) { 
      alert("Data Loaded: " + data); 
      $scope.data.xpresult = data; 
    }); 
} 

$scope.getTop50("1","Gerard"); 
});

来源

2015-06-27 Gerard van den Bosch

可能是data.xpresult.data.xplist。如果“数据”来自承诺。 – YOU

您的$ http请求在哪里定义？您可以向我们展示与$ scope.data.xpresult = data; HTML模板＆$范围分配到相同的Ctrl？你的html似乎很好（大码） – aorfevre

用控制器更新了我的帖子。 –

你发送请求和接收AngularJS的背面，它不知道你已经修改了范围背后的响应，并且应该重新评估页面中的表达式。

使用$ http服务，一切都将罚款去：

$http.post("http://127.0.0.1/backend/jiomsg.php", postdata) 
    .success(function(data) { 
     alert("Data Loaded: " + data); 
     $scope.data.xpresult = data; 
    });

或者，如果使用jQuery是真的有必要无论出于何种原因，确保角知道收到的响应：

$.post("http://127.0.0.1/backend/jiomsg.php",postdata) 
    .done(function(data) { 
     alert("Data Loaded: " + data); 
     $scope.data.xpresult = data; 
     $scope.$apply(); 
});

来源

2015-06-27 16:00:43

我使用jquery，因为$ http.post没有返回任何数据。我在那里试过了你的代码片段，但是它返回空。我添加了$ scope。$ apply（）;但它仍然不会显示。我错过了别的吗？ –

使用调试器并检查数据的值。它是anobject还是它是一个字符串？如果它是一个字符串，你必须用angular.fromJson（）解析它。 –

非常感谢，这个伎俩。这确实是一个需要转换为json的字符串。 –

angularjs JSON解析问题

回答

相关问题