Cookbooks
Dart
Chapter 11. HTML and the Web
Sending an HTTP request

Dart:
Sending an HTTP request

How to:

Dart includes the http package, a powerful and convenient way to work with HTTP resources. First, include it in your pubspec.yaml file:

dependencies:
  http: ^0.13.3

Then, import it in your Dart code to start making requests:

import 'package:http/http.dart' as http;

void main() async {
  var url = Uri.parse('https://jsonplaceholder.typicode.com/todos/1');
  var response = await http.get(url);

  if (response.statusCode == 200) {
    print('Response body: ${response.body}');
  } else {
    print('Request failed with status: ${response.statusCode}.');
  }
}

Sample output for a successful request could look like this:

Response body: {
  "userId": 1,
  "id": 1,
  "title": "delectus aut autem",
  "completed": false
}

For more complex requests, such as POST requests with a JSON body, you would do the following:

import 'dart:convert';
import 'package:http/http.dart' as http;

void main() async {
  var url = Uri.parse('https://jsonplaceholder.typicode.com/posts');
  var response = await http.post(
    url,
    headers: {"Content-Type": "application/json"},
    body: jsonEncode({
      "title": 'foo',
      "body": 'bar',
      "userId": 1,
    }),
  );

  if (response.statusCode == 201) {
    print('Response status: ${response.statusCode}');
    print('Response body: ${response.body}');
  } else {
    print('Failed to create a new post. Status: ${response.statusCode}');
  }
}

Sample output for the post request might be:

Response status: 201
Response body: {
  "title": "foo",
  "body": "bar",
  "userId": 1,
  "id": 101
}

These examples showcase basic HTTP GET and POST requests using the http package in Dart. This package covers most needs for sending HTTP requests, including more complex scenarios with headers and body content.

Parsing HTMLSending an HTTP request with basic authentication