Flutter Dart - How to send a Post Request using HttpClient()

Question

I am trying to send a Post request to my server using HttpClient but I am not sure where to actually set the payload and headers that need to be sent.

    var client = new HttpClient();
    client.post(host, port, path);

client.post(host, port, path) has only 3 arguments so how do I set the payload to be sent?

Thanks in advance

Never flutter or dart before but I imagine client has tuples like client["keep-alive"] = true — Tofu
– Tofu, Commented Oct 5, 2019 at 11:30

janstol · Accepted Answer · 2019-10-05 12:18:54Z

17

post() opens a HTTP connection using the POST method and returns Future<HttpClientRequest>.

So you need to do this:

final client = HttpClient();
final request = await client.post(host, port, path);
request.headers.set(HttpHeaders.contentTypeHeader, "plain/text"); // or headers.add()

final response = await request.close();

Example with jsonplaceholder:

final client = HttpClient();
final request = await client.postUrl(Uri.parse("https://jsonplaceholder.typicode.com/posts"));
request.headers.set(HttpHeaders.contentTypeHeader, "application/json; charset=UTF-8");
request.write('{"title": "Foo","body": "Bar", "userId": 99}');

final response = await request.close();

response.transform(utf8.decoder).listen((contents) {
  print(contents);
});

prints

{
  "title": "Foo",
  "body": "Bar",
  "userId": 99,
  "id": 101
}

Or you can use http library.

edited Oct 5, 2019 at 12:18

answered Oct 5, 2019 at 11:47

janstol

3,1561 gold badge20 silver badges21 bronze badges

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

2 Comments

Uncle Vector Over a year ago

Thank you, so to add post data request.add(data)?

janstol Over a year ago

@UncleVector No, request.write(). I added an example to my answer.

alhussien aldali · Accepted Answer · 2019-10-05 11:53:54Z

-1

String url =
    'http://wwww.foo.com';
http.get(url).then((http.Response response) {
  is_loading=true;
  // print(json.decode(response.body));

  Map<String, dynamic> Data = json.decode(response.body);
  Data.forEach((String data, dynamic data_value) {
    print(data + " : ");
    print(data_value.toString());
    //  Map<String,String> decoded_data=json.decode(data);
    //  print(data_value.toString());
    //print(data['title']);
    //print(data['content']);
  });

answered Oct 5, 2019 at 11:53

alhussien aldali

1397 bronze badges

1 Comment

Chrissi Over a year ago

OP wanted to have the solution with HttpClient and you use the http package.

Collectives™ on Stack Overflow

Flutter Dart - How to send a Post Request using HttpClient()

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related