MST

星途 面试题库

面试题:Flutter中如何对http插件进行基础封装以实现GET请求

请描述在Flutter中使用http插件进行GET请求封装的步骤,并给出核心代码示例,包括如何处理请求成功与失败的情况。
23.3万 热度难度
前端开发Flutter

知识考点

AI 面试

面试题答案

一键面试
  1. 添加依赖: 在pubspec.yaml文件中添加http插件依赖:
dependencies:
  http: ^0.13.4

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

  1. 封装GET请求
import 'package:http/http.dart' as http;
import 'dart:convert';

Future<dynamic> getRequest(String url) async {
  try {
    final response = await http.get(Uri.parse(url));
    if (response.statusCode == 200) {
      return json.decode(response.body);
    } else {
      throw Exception('Failed to load data');
    }
  } catch (e) {
    throw Exception('Error occurred during request: $e');
  }
}
  1. 使用封装的请求
void main() async {
  try {
    var result = await getRequest('https://example.com/api/data');
    print(result);
  } catch (e) {
    print('Error: $e');
  }
}

在上述代码中:

  • 首先添加http插件依赖并安装。
  • 然后定义getRequest函数,在函数内部使用http.get发起GET请求。如果请求成功(状态码为200),则解析并返回响应体数据;如果请求失败(状态码非200),则抛出异常。
  • main函数中演示了如何调用封装的getRequest函数,并处理可能出现的异常。