if i make an API call it returns me with HTML code in flutter

Question

I am using HTTP package for making API requests but when I make a request it returns me with Html response.

import 'package:clima/services/location.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class LoadingScreen extends StatefulWidget {
  @override
  _LoadingScreenState createState() => _LoadingScreenState();
}

class _LoadingScreenState extends State<LoadingScreen> {
  @override
  void initState() {
    super.initState();
    getLocation();
  }

  void getLocation() async {
    Location location = new Location();
    await location.getCurrentLocation();

    print(location.latitude);
    print(location.longitude);
  }

  void getData() async {
    final url =
        'samples.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=b6907d289e10d714a6e88b30761fae22';
    http.Response response = await http.get(Uri.parse(url));
    print(response.body);
  }

  @override
  Widget build(BuildContext context) {
    getData();
    return Scaffold();
  }
}

here when I print response body it returns me with HTML source code instead of 'JSON'

this is what I get as a response...

I need help with getting a valid JSON response from the API and not an HTML response.

EDIT: it is now solved!

@BasileStarynkevitch none actually I am new to flutter and started learning about making API calls with flutter — vandit vasa, May 14 '21 at 04:57
Why can't you read books about HTTP? These are printed on paper. An old one is [HTTP developer's handbook](https://www.goodreads.com/book/show/1028975.HTTP_Developer_s_Handbook) but you could find newer ones. — Basile Starynkevitch, May 14 '21 at 04:58
@BasileStarynkevitch recently flutter has changed the syntax of 'http' and I don't know how to use it — vandit vasa, May 14 '21 at 05:21
I never heard about flutter, but did you read its documentation? — Basile Starynkevitch, May 14 '21 at 05:22
And what books did you read about HTTP? These are printed on paper, and have more than a hundred pages. — Basile Starynkevitch, May 14 '21 at 05:24
there is no point in reading books as syntax is changed just a few months back and books are printed years ago. — vandit vasa, May 14 '21 at 05:27
HTTP did not evolve that much.... [RFC7540](https://datatracker.ietf.org/doc/html/rfc7540) has been written 6 years ago. Of course, you could print it with your printer — Basile Starynkevitch, May 14 '21 at 05:29
@BasileStarynkevitch please read the documentation and if you find any useful thing I can try then do suggest — vandit vasa, May 14 '21 at 05:31
No, I read documentation related to the software I am writing, and I write documentation related to the software I am writing. I am not writing your code, and I never heard of flutter — Basile Starynkevitch, May 14 '21 at 05:32
No, I don't. I use (and contributed to) [libonion](https://coralbits.com/static/onion/). But I did read documentation related to HTTP. — Basile Starynkevitch, May 14 '21 at 05:34
i am working with `http package` for flutter and which is way different than yours — vandit vasa, May 14 '21 at 05:36

Ratnadeep · Answer 1 · 2021-05-14T05:35:30.643

2

Your URL is not complete.

Change this code

void getData() async {
    final url =
        'samples.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=b6907d289e10d714a6e88b30761fae22';
    http.Response response = await http.get(Uri.parse(url));
    print(response.body);
  }

to this,

void getData() async {
    final url =
        'https://samples.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=b6907d289e10d714a6e88b30761fae22';
    http.Response response = await http.get(url));
    print(response.body);
  }

Let us know if it worked.

edited May 14 '21 at 05:35

answered May 14 '21 at 05:25

Ratnadeep

1,125
1
15
30

what error? edit and add in your question... otherwise try http instead of https – Ratnadeep May 14 '21 at 05:30
check I have edited the code. inside http.get() only use url, do not need Uri.parse() ... just use http.get(url) .. let me know if it works – Ratnadeep May 14 '21 at 05:36
The argument type 'String' can't be assigned to the parameter type 'Uri' => this error is being thrown – vandit vasa May 14 '21 at 05:37
please check the updated code in my answer. I removed that http.get(Uri.parse()) ... use only http.get(url). ... it works perfectly fine for me. – Ratnadeep May 14 '21 at 05:39
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/232379/discussion-between-ratnadeep-chakraborty-and-vandit-vasa). – Ratnadeep May 14 '21 at 05:44
Have similar problem with this question, thank you for your help good sir. – Prisma Putra Apr 30 '22 at 09:09

if i make an API call it returns me with HTML code in flutter

1 Answers1