【问题标题】:How to Parse json data having array in IONIC hybrid appliaction如何在 IONIC 混合应用程序中解析具有数组的 json 数据
【发布时间】:2017-12-11 17:11:00
【问题描述】:

我是混合离子应用程序开发的初学者。我想在我的项目中实现 RESTful Web 服务。 我的 json 数据是:

{
    "records": [
        {
            "Name": "Alfreds Futterkiste",
            "City": "Berlin",
            "Country": "Germany"
        },
        {
            "Name": "Ana Trujillo Emparedados y helados",
            "City": "México D.F.",
            "Country": "Mexico"
        },
        {
            "Name": "Antonio Moreno Taquería",
            "City": "México D.F.",
            "Country": "Mexico"
        }]
}

在这里,我想在离子的 Listview 中解析此数据。我不知道如何用数组解析数据。请提出解决方案或教程以获得结果。我想在 Listview 中显示所有名称。 我正在使用这个 api 链接:http://api.geonames.org/earthquakesJSON?north=44.1&south=-9.9&east=-22.4&west=55.2&username=bertt 提前致谢。

【问题讨论】:

  • 您的 Ionic 应用程序没有网络服务。该应用程序可以/将使用 Web 服务。 Ionic 是您应用程序的“客户端”。看看这个帖子:joshmorony.com/…
  • 是的,我想使用 Web 服务,例如:w3schools.com/angular/customers.php 我想在列表视图中显示这些数据。 @ChristianBenseler
  • 您可以关注我链接的这篇博文/教程。它一步一步地解释了一切。

标签: ionic-framework ionic2 hybrid-mobile-app multi-device-hybrid-apps


【解决方案1】:

这里不需要解析JSON数据,已经是对象格式了。

你可以这样使用

 var myData = {
    "records": [
        {
            "Name": "Alfreds Futterkiste",
            "City": "Berlin",
            "Country": "Germany"
        },
        {
            "Name": "Ana Trujillo Emparedados y helados",
            "City": "México D.F.",
            "Country": "Mexico"
        },
        {
            "Name": "Antonio Moreno Taquería",
            "City": "México D.F.",
            "Country": "Mexico"
        }]
}
var record1 = myData.records[0];
var record2 = myData.records[1];
var record3 = myData.records[2];

console.log(record1)
console.log(record2)
console.log(record3)

console.log("Record 1 Data:")
console.log('\t'+"Name: "+record1.Name)
console.log('\t'+"City: "+record1.City)
console.log('\t'+"Country: "+record1.Country)

console.log("Record 2 Data:")
console.log('\t'+"Name: "+record2.Name)
console.log('\t'+"City: "+record2.City)
console.log('\t'+"Country: "+record2.Country)

console.log("Record 3 Data:")
console.log('\t'+"Name: "+record3.Name)
console.log('\t'+"City: "+record3.City)
console.log('\t'+"Country: "+record3.Country)

【讨论】:

  • 先生,我有网络服务 w3schools.com/angular/customers.php @rajpeer
  • 使用 angularjs ng-repeat
猜你喜欢
  • 2017-12-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-05-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多