How to fetch JSON data from Flutter

Question

Ive been trying to fetch json data from my flutter app. I managed to print the whole json on my console. I want to get only the "score" value from this json. How should I do it?

  final String url = "http://www.mocky.io/v2/5aa3f9ee310000c21926e2f8";

  Future<String> getJsonData() async{
    http.Response response = await http.get(
      Uri.encodeFull(url),
      headers: {"Accept" : "application/json"}
    );
     print(response.body);

    List data = json.decode(response.body);
    print(data[0]["score"]);

  }

Dhiraj Sharma · Accepted Answer · 2018-12-06 14:48:55Z

2

Update your last two lines as

 Map<String, dynamic> data = json.decode(response.body);
 print(data["score"]);

Explanation: Data you receive from API is not JSON Array its JSON object so you should decode response to Map, & get score field from that map.

answered Dec 6, 2018 at 14:48

Dhiraj Sharma

4,89927 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to fetch JSON data from Flutter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related