将 RESTFUL JSON 解析为 html

parsing RESTFUL JSON to html

我认为这是为了让人们举个例子,view/1 我通过 restful 获得该用户的所有数据,我在 html 中用 table,我正在使用 cakephp,我不想使用 angularJS,有一个 JQuery 库可以完成这项工作,你知道名字吗?

 <script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $http.get("/social/users.json")
    .success(function (response) {$scope.users = response.users;});
});
</script>

然后我收到这个答案

{
    "user": [
        {
            "id": 1,
            "email": "email",
            "name": "name",
            "last_name": "last",
            "username": "itsme",
            "password":"password",
            "created": "2015-09-21T16:44:47+0000",
            "modified": "2015-09-21T16:52:08+0000"
        }
    ]
}

我如何解析重复此代码并在 html 中填充数据?

   <div ng-app="myApp" ng-controller="customersCtrl"> 

<table>
  <tr ng-repeat="x in users">
    <td>{{ x.name }}</td>
    <td>{{ x.last_name }}</td>
  </tr>
</table>

</div>

两件事:首先,您不需要在 beforeSend 中指定内容类型。 $.ajax 有一个特定的 contentType 属性 可以使用,默认情况下它已经是“application/x-www-form-urlencoded; charset=UTF-8'。

其次,使用dataType 属性 of $.ajax。您可以使用 dataType: 'json',然后您在 success 函数中获得的 response 将已经 json 解析对象 - 或者只是一个js对象-.

从那里您可以访问所有属性、数组等,从这个 json 解析的响应,就像您使用任何其他正常的 javascript 对象一样。