我如何将本地数组转换为远程json数据

How can i convert a local array to remote json data?

本文关键字：json 数据 转换 数组      更新时间：2023-09-26

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

就我从ionic论坛上读到的，我需要从AngularJS中使用$http函数，但我对AngularJS很陌生，目前的例子对我来说太复杂了，就像这样。

我正在尝试将此示例转换为远程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' }
];

I have try:

  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);

由于您正在使用json，您需要将回调函数设置为JSON_CALLBACK并在回调函数中设置您的项。

  $scope.items = [];
  var url = "http://www.garsoncepte.com/json.php?callback=JSON_CALLBACK";
  $http.jsonp(url)
    .success(function(data) {
      $scope.items = data;
    });

= DEMO =

http://plnkr.co/edit/SyMNFBukQsE9B8WQ9Icv?p =预览

相关文章：