Lære Using http Package Correctly | REST Fundamentals in Flutter

The http package is the primary tool for making network requests in Flutter apps. It provides simple methods to send HTTP requests such as GET, POST, PUT, and DELETE. By using this package, you can connect your Flutter application to REST APIs, fetch data from the internet, and submit information to remote servers. Understanding how to use the http package correctly is essential for robust and secure network communication in your apps.

main.dart


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

void main() async {
  // Example: Sending a GET request
  final getResponse = await http.get(
    Uri.parse('https://jsonplaceholder.typicode.com/posts/1'),
  );
  print('GET response status: ${getResponse.statusCode}');
  print('GET response body: ${getResponse.body}');

  // Example: Sending a POST request with headers and JSON body
  final postResponse = await http.post(
    Uri.parse('https://jsonplaceholder.typicode.com/posts'),
    headers: {'Content-Type': 'application/json'},
    body: jsonEncode({
      'title': 'Flutter',
      'body': 'REST API Integration',
      'userId': 1,
    }),
  );
  print('POST response status: ${postResponse.statusCode}');
  print('POST response body: ${postResponse.body}');
}

In the code above, the GET request simply calls the endpoint and prints the response. The POST request demonstrates how to set custom headers and send data in the request body. Headers are passed as a map, and the Content-Type header is set to "application/json" to indicate the format of the data being sent. The data itself is encoded to JSON using jsonEncode before being placed in the body of the request.

Note

Setting the correct Content-Type header, such as "application/json", is crucial when sending JSON data. Without this header, the server may not interpret your data correctly, leading to errors or unexpected behavior.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 2

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Sveip for å vise menyen

main.dart


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

void main() async {
  // Example: Sending a GET request
  final getResponse = await http.get(
    Uri.parse('https://jsonplaceholder.typicode.com/posts/1'),
  );
  print('GET response status: ${getResponse.statusCode}');
  print('GET response body: ${getResponse.body}');

  // Example: Sending a POST request with headers and JSON body
  final postResponse = await http.post(
    Uri.parse('https://jsonplaceholder.typicode.com/posts'),
    headers: {'Content-Type': 'application/json'},
    body: jsonEncode({
      'title': 'Flutter',
      'body': 'REST API Integration',
      'userId': 1,
    }),
  );
  print('POST response status: ${postResponse.statusCode}');
  print('POST response body: ${postResponse.body}');
}

Note

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 2