如何继续在flutter中接收JSON数组并进行解析？

Question

我正在尝试从Web服务URL获取JSON数组并将其解析为JSON。事情是我遵循的教程显示了如何获取一个JSOn obj并对其进行解析，但是我需要知道如何接收一个JSON数组并对其进行解析。下面是我正在处理的代码，我被卡住了。

模型

class Fact {
  int id;
  int fact_id;
  String fact;
  String image;
  String reference;

  Fact(this.id, this.fact_id, this.fact, this.image, this.reference);

  Fact.fromJson(Map<String, dynamic> json)
    : id = json['id'],
      fact_id = json['fact_id'],
      fact = json['fact'],
      image = json['image'],
      reference = json['reference'];

    Map<String, dynamic> toJson() =>
    {
      'id' : id,
      'fact_id': fact_id,
      'fact': fact,
      'image': image,
      'reference': reference,
    };
}

我不知道如何从Web服务中获取一系列事实。

事实下载管理器

class FactsManager {
  var constants = Constants();

  fetchFacts() {
    final lastFactId = 0;
    var fetchRequestUrl = constants.fetch_facts_url;

    if (lastFactId == 0) {
      fetchRequestUrl = fetchRequestUrl + "?count=" + constants.firstTimePostCount.toString();
    } else {
      fetchRequestUrl = fetchRequestUrl + "?count=" + constants.firstTimePostCount.toString() + "&last_id=" + lastFactId.toString();
    }
    Future<List<Fact>> fetchPost() async {
      final response = await http.get(fetchRequestUrl);

      if (response.statusCode == 200) {
        return List<Fact>
      }
    }
  }
}

我试图解析的示例数据。

[
    {
        "id": "407",
        "fact": "Monsanto once tried to genetically engineer blue cotton, to produce denim without the use of dyes, reducing the pollution involved in the dyeing process.   ",
        "reference": null,
        "image": "http:\/\/quickfacts.me\/wp-content\/uploads\/2015\/06\/fact492.png",
        "fact_id": "1"
    },
    {
        "id": "560",
        "fact": "You can count from zero to nine hundred ninety-nine without ever having to use the letter \"a\"   ",
        "reference": null,
        "image": "http:\/\/quickfacts.me\/wp-content\/uploads\/2015\/06\/fact04.png",
        "fact_id": "2"
    },
    {
        "id": "564",
        "fact": "In order to keep the project a secret, the British army used the innocuous name \"mobile water carriers\" for a motorized weapons project - which is the reason we call them \"tanks\".   ",
        "reference": null,
        "image": "http:\/\/quickfacts.me\/wp-content\/uploads\/2015\/06\/fact116.png",
        "fact_id": "3"
    },
    {
        "id": "562",
        "fact": "In 2010 the mummified corpse of Sogen Kato, thought to be Tokyo's oldest man, was found in his bedroom by government officials. He had actually died in 1978.   ",
        "reference": null,
        "image": "http:\/\/quickfacts.me\/wp-content\/uploads\/2015\/06\/fact216.png",
        "fact_id": "4"
    },
    {
        "id": "566",
        "fact": "In 1927 the US Supreme Court ruled it constitutional for the government to forcefully sterilize mentally handicapped people   ",
        "reference": null,
        "image": "http:\/\/quickfacts.me\/wp-content\/uploads\/2015\/06\/fact316.png",
        "fact_id": "5"
    }
]

Answer 1

容易地

      String arrayText = '[{"name": "dart1","quantity": 12 },{"name": "flutter2","quantity": 25 }]';

      var tagsJson = jsonDecode(arrayText);
      List<dynamic> tags = tagsJson != null ? List.from(tagsJson) : null;

      print(">> " + tags[0]["name"]);
      print(">> " + tags[1]["name"]);
      print(">> " + tags[0]["quantity"].toString());
      print(">> " + tags[1]["quantity"].toString());

输出

2021-04-28 18:55:28.921 22085-22225/com.example.flutter_applicationdemo08 I/flutter: >> dart1
2021-04-28 18:55:28.921 22085-22225/com.example.flutter_applicationdemo08 I/flutter: >> flutter2
2021-04-28 18:55:28.921 22085-22225/com.example.flutter_applicationdemo08 I/flutter: >> 12
2021-04-28 18:55:28.921 22085-22225/com.example.flutter_applicationdemo08 I/flutter: >> 25

Answer 2

您可以执行以下操作：

String receivedJson = "... Your JSON string ....";
List<dynamic> list = json.decode(receivedJson);
Fact fact = Fact.fromJson(list[0]);

无论如何，您都必须在json字符串和制作的Fact类中考虑以下内容：

• 在json字符串中，id和fact_id是字符串，您将它们视为int。您可以更改json或Fact类
• json字符串中的某些字符串会产生错误，因为它们带有附加的引号，这会使解码器感到困惑。

一个工作的json字符串如下：

String receivedJson = """
[
    {
        "id": 407,
        "fact": "Monsanto once tried to genetically engineer blue cotton, to produce denim without the use of dyes, reducing the pollution involved in the dyeing process.   ",
        "reference": null,
        "image": "http:\/\/quickfacts.me\/wp-content\/uploads\/2015\/06\/fact492.png",
        "fact_id": 1
    }
]
    """;