如何在IONIC混合应用中解析具有数组的json数据

时间:2017-07-07 11:54:40

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

我是混合离子应用程序开发的初学者。我想在我的项目中实现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 提前谢谢。

1 个答案:

答案 0 :(得分:0)

这里你不需要解析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)