如何将本地数组转换为远程 json 数据？答案

【问题标题】：How can i convert a local array to remote json data?如何将本地数组转换为远程 json 数据？
【发布时间】：2014-07-21 23:40:46
【问题描述】：

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

据我从 ionic 论坛阅读，我需要使用来自 AngularJS 的 $http function，但我对 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' }
];

我试过了：

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

【问题讨论】：

标签： javascript json angularjs jsonp ionic-framework

【解决方案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

【讨论】：