Flutter网络请求插件httpp的使用

在Flutter中，http 是一个非常常用的网络请求插件，用于发送HTTP请求并处理响应。以下是如何使用 http 插件进行网络请求的基本步骤。

1. 添加依赖

首先，在你的 pubspec.yaml 文件中添加 http 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.3

然后运行 flutter pub get 来安装依赖。

2. 导入包

在你的Dart文件中导入 http 包：

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

3. 发送GET请求

使用 http.get 方法发送一个GET请求：

Future<void> fetchData() async {
  final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));

  if (response.statusCode == 200) {
    // 请求成功，解析响应数据
    print('Response data: ${response.body}');
  } else {
    // 请求失败，处理错误
    print('Request failed with status: ${response.statusCode}.');
  }
}

4. 发送POST请求

使用 http.post 方法发送一个POST请求：

Future<void> postData() async {
  final response = await http.post(
    Uri.parse('https://jsonplaceholder.typicode.com/posts'),
    headers: <String, String>{
      'Content-Type': 'application/json; charset=UTF-8',
    },
    body: jsonEncode(<String, String>{
      'title': 'foo',
      'body': 'bar',
      'userId': '1',
    }),
  );

  if (response.statusCode == 201) {
    // 请求成功，解析响应数据
    print('Response data: ${response.body}');
  } else {
    // 请求失败，处理错误
    print('Request failed with status: ${response.statusCode}.');
  }
}

5. 处理JSON数据

通常，API返回的数据是JSON格式的。你可以使用 dart:convert 包来解析JSON数据：

import 'dart:convert';

Future<void> fetchJsonData() async {
  final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));

  if (response.statusCode == 200) {
    // 解析JSON数据
    Map<String, dynamic> data = jsonDecode(response.body);
    print('Post title: ${data['title']}');
  } else {
    print('Request failed with status: ${response.statusCode}.');
  }
}

6. 处理错误

在实际应用中，网络请求可能会失败，因此你需要处理这些错误。可以使用 try-catch 块来捕获异常：

Future<void> fetchDataWithErrorHandling() async {
  try {
    final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));

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

7. 其他HTTP方法

http 插件还支持其他HTTP方法，如 PUT, DELETE, PATCH 等。使用方法与 GET 和 POST 类似。

Future<void> updateData() async {
  final response = await http.put(
    Uri.parse('https://jsonplaceholder.typicode.com/posts/1'),
    headers: <String, String>{
      'Content-Type': 'application/json; charset=UTF-8',
    },
    body: jsonEncode(<String, String>{
      'title': 'updated title',
      'body': 'updated body',
      'userId': '1',
    }),
  );

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

8. 使用 http.Client 进行更复杂的请求

如果你需要更复杂的请求管理（例如，保持持久连接或处理多个请求），可以使用 http.Client：

Future<void> fetchMultipleData() async {
  final client = http.Client();
  try {
    final response1 = await client.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));
    final response2 = await client.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/2'));

    if (response1.statusCode == 200 && response2.statusCode == 200) {
      print('Response 1: ${response1.body}');
      print('Response 2: ${response2.body}');
    } else {
      print('One of the requests failed.');
    }
  } finally {
    client.close();
  }
}