2016-11-22 40 views
2

我寫了一個小的web服務修身框架3(在PHP),所有返回的數據與此指令進行:REST調用使用jQuery:不能使用解析數據

return $response->withJson($liste); 

然後我寫了一個HTML客戶端使用「jquery.rest」插件,我可以看到JSON的結果,但無法理解的結構,以及如何讀取這些數據,請瀏覽器有控制檯上一看:

enter image description here

我想寫一個循環顯示數據,但無法弄清楚!

enter image description here

謝謝:)

+0

一個工作鏈接,一些代碼或許,幫助其他人調試你的代碼的東西? – SuperNOVA

回答

1

您正在按照瀏覽器控制檯的響應得到一個array of objects

可以分析以不同的方式這樣的響應:

在Javascript中

使用用於在循環:

var obj = [ 
 
      {"id":"1","task":"Find Bugs","status":"1","created_at":"2016-04-10 23:50:40"}, 
 
      {"id":"2","task":"Review","status":"1","created_at":"2016-04-10 23:50:40"} 
 
      ]; 
 
\t \t 
 
for (var i in obj) { 
 
    console.log("Task is :"+obj[i].task); 
 
}

使用數組map()方法:

var obj = [ 
 
      {"id":"1","task":"Find Bugs","status":"1","created_at":"2016-04-10 23:50:40"}, 
 
\t \t {"id":"2","task":"Review","status":"1","created_at":"2016-04-10 23:50:40"} 
 
\t \t ]; 
 
\t \t 
 
var res = obj.map(function(item) { 
 
    return item.task; 
 
}); \t \t 
 

 
console.log(res);

在使用納克 - 重複AngularJS

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl',function($scope) { 
 
     $scope.obj = [ 
 
       {"id":"1","task":"Find Bugs","status":"1","created_at":"2016-04-10 23:50:40"}, 
 
       {"id":"2","task":"Review","status":"1","created_at":"2016-04-10 23:50:40"} 
 
       ]; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <div ng-repeat="item in obj"> 
 
    {{item.task}} 
 
    </div> 
 
</div>

0

我可以看到JSON的結果,但無法理解的結構

你越來越對象的數組。

如何讀取這些數據

你可以使用map解析它:

result.map(function(obj) { 
    console.log(obj.id,obj.task,obj.status); 
}); 

希望這有助於。

實施例:

var result = [{id: 1, task: "Find", status: 1},{id: 2, task: "Review", status: 2}]; 
 

 
result.map(function(obj) { 
 
    console.log(obj.id,obj.task,obj.status); 
 
});

+0

難道他不能只使用JSON.parse或jQuery.parseJSON(只要他使用它)? – SuperNOVA

+0

感謝您的介入@SuperNOVA ..但他想循環訪問數據(我想寫一個循環來顯示數據,但無法弄清楚!)。 –

+0

好吧,你可能是諷刺的,但無論如何...他仍然可以在解析爲JSON之後循環數據,然後作爲普通的JS數組/對象循環。 – SuperNOVA