javascript - 如何将本地数组转换为远程 json 数据？

Question

我正在尝试从连接到动态数据库的远程服务器获取此数组。

据我从 ionic 论坛阅读，我需要使用 $http function来自 AngularJS，但我对 AngularJS 还很陌生，当前的示例对我来说似乎太复杂了，比如 this one .

我正在尝试转换this example到远程 JSON。

HTML 部分:

<ion-list>    
    <ion-item ng-repeat="item in items" 
              item="item"
              href="#/item/{{item.id}}">
        Person {{ item.id }} Name {{ item.name }}
    </ion-item>
</ion-list>

数组部分:

var friends = [
    { id: 1, name: 'G.I. Joe' },
    { id: 2, name: 'Miss Frizzle' },
    { id: 3, name: 'Scruff McGruff' },
    { id: 4, name: 'G.I. Joe' },
    { id: 5, name: 'Miss Frizzle' },
    { id: 6, name: 'Scruff McGruff' },
    { id: 7, name: 'G.I. Joe' },
    { id: 8, name: 'Miss Frizzle' },
    { id: 9, name: 'Scruff McGruff' },
    { id: 10, name: 'G.I. Joe' },
    { id: 11, name: 'Miss Frizzle' },
    { id: 12, name: 'Scruff McGruff' },
    { id: 13, name: 'G.I. Joe' },
    { id: 14, name: 'Miss Frizzle' },
    { id: 15, name: 'Scruff McGruff' },
    { id: 16, name: 'G.I. Joe' },
    { id: 17, name: 'Miss Frizzle' },   
    { id: 18, name: 'Ash Ketchum' }
];

我已经尝试过:

1. $scope.items = jsonp('http://www.garsoncepte.com/json.php');
2. $scope.items = $http.jsonp('http://www.garsoncepte.com/json.php');
3. var url = "http://www.garsoncepte.com/json.php"; $scope.items = $http.jsonp(url);

Answer 1

由于您使用的是 jsonp，因此您需要将回调函数设置为 JSON_CALLBACK 并在回调函数中设置您的项目。

  $scope.items = [];

  var url = "http://www.garsoncepte.com/json.php?callback=JSON_CALLBACK";

  $http.jsonp(url)
    .success(function(data) {
      $scope.items = data;
    });

= 演示=

http://plnkr.co/edit/SyMNFBukQsE9B8WQ9Icv?p=preview