Flutter - 如何解析 JSON 数据？

Question

I want to parse my JSON data and display all the nodeValues of the rows and not just [7] (which contains the word hello), however my FutureBuilder doesn't display the JSON data (stuck on CircularProgressIndicator ) even though i'm following the correct JSON path.

//Updated code
class Feed {
  String title;

  Feed({this.title});

  factory Feed.fromJson(Map<String, dynamic> json) {
    return Feed(
        title: json["data"]["tables"][0]["rows"][7]["cols"][1]["nodeValue"]);  
  }
}
//I am making a post method to an API that returns me a JSON output.
Future<List<Feed>> post() async {
  final Response<String> result =
      await Dio().get('https://example.com');
  String _baseUrl = "https://html2json.com/api/v1";
  var options = Options(
    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
    followRedirects: false,
  );

  final response = json.decode(result.data);

  final responseJson = await Dio().post(
    _baseUrl,
    data: response,
    options: options,
  );

  if (responseJson.statusCode == 200) {
    return (response as List).map((json) => Feed.fromJson(json)).toList();
  } else {
    return null;
  }
}
  //This is stuck on CircularProgressIndicator();  
FutureBuilder(
              future: post(),
              builder: (context, AsyncSnapshot<List<Feed>> snap) {
                if (snap.hasData) {
                  return ListView.builder(
                      itemCount: snap.data.length,
                      itemBuilder: (BuildContext context, int index) {
                        return Text(snap.data[index].title);
                      });
                } else {
                  return CircularProgressIndicator();
                }
              });

Answer 1

I changed a few things to make your code work with the json place holder. You were using response.statusCode == 200, but response has no status code, the status code is on the var link.

class Feed {
  String title;

  Feed({this.title});

  factory Feed.fromJson(Map<String, dynamic> json) {
    return Feed(title: json["title"]);
  }
}

Future<List> post() async {
  final Response<String> result = await Dio().get('https://jsonplaceholder.typicode.com/todos');
  final response = json.decode(result.data);
  if (result.statusCode == 200) {
    return (response as List)
        .map((json) => Feed.fromJson(json))
        .toList();
  } else {
    return null;
  }
}

return FutureBuilder(
       future: post(),
       builder: (context, AsyncSnapshot<List> snap) {
              if (snap.hasData) {
                      return ListView.builder(
                          itemCount: snap.data.length,
                          itemBuilder: (BuildContext context, int index) {
                            return Text(snap.data[index].title);
                          });
                    } else {
                      return CircularProgressIndicator();
                    }
                  });