Flutter-网络请求封装

import 'package:dio/dio.dart';
import '../common/global.dart';//全局变量 -获取通用域名

//请求封装
class Http {
  //get请求
  static void get(
      String url, //路径
      Map<String, dynamic> params, //参数
      Function callback, //请求成功回调函数
      {Function errorCallback} //请求错误回调函数
      ) async {
    Dio dio = new Dio(); //实例化请求对象
    //请求header的配置
    dio.options.headers["content-type"]="*******";
    dio.options.headers["Authorization"]='********';
    //判断 参数是否为 null 和 参数是否为 空
    if (params != null && params.isNotEmpty) {
      //构建字符串传参
      StringBuffer str = new StringBuffer('?');
      params.forEach((key, value) {
        str.write("$key" + "=" + "$value" + "&");
      });
      String paramStr = str.toString(); //转化字符串
      paramStr = paramStr.substring(0, paramStr.length - 1);
      url = Gloabl.url + url + paramStr;
    }else{
      url = Gloabl.url + url;
    }
    try {
      Response res = await dio.get(url);
      //请求响应结果
      if (callback != null) {
        callback(res);//回调函数
      }
    } catch (err) {
      //捕获错误
      err(err);
    }
  }

  //post请求
  static void post(
      String url, //路径
      Map<String, dynamic> params, //参数
      Function callback, //请求成功回调函数
      {Function errorCallback} //请求错误回调函数
      ) async {
    Dio dio = new Dio();
    //请求header的配置
    dio.options.headers["content-type"]="******";
    dio.options.headers["Authorization"]=******';
    try {
      url = Gloabl.url + url;
      Response res = await dio.post(url, data: params);

      if (callback != null) {
        callback(res);
      }
    } catch (e) {
      if (errorCallback != null) {
        errorCallback(e);
      }
    }
  }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter网络请求可以使用 http 包进行封装,也可以使用第三方库如 dio、retrofit 等进行封装。以下是使用 dio 进行网络请求封装的示例: 1. 引入 dio 包 在 pubspec.yaml 文件中引入 dio 包: ```dart dependencies: dio: ^4.0.0 ``` 然后运行 `flutter pub get` 安装依赖。 2. 创建网络请求工具类 ```dart import 'package:dio/dio.dart'; class HttpUtil { static const String baseUrl = "https://example.com/api/"; static Dio _dio; static Dio get dio { if (_dio == null) { _dio = Dio(BaseOptions( baseUrl: baseUrl, connectTimeout: 5000, receiveTimeout: 3000, )); } return _dio; } static Future<Response> get(String path, {Map<String, dynamic> params}) async { try { Response response = await dio.get(path, queryParameters: params); return response; } on DioError catch (e) { print(e.message); return null; } } static Future<Response> post(String path, {Map<String, dynamic> params}) async { try { Response response = await dio.post(path, data: params); return response; } on DioError catch (e) { print(e.message); return null; } } } ``` 3. 使用网络请求工具类 ```dart import 'package:flutter/material.dart'; import 'package:your_app/http_util.dart'; class MyPage extends StatefulWidget { @override _MyPageState createState() => _MyPageState(); } class _MyPageState extends State<MyPage> { String _response = ""; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("My Page"), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ ElevatedButton( onPressed: () { _fetchData(); }, child: Text("Fetch Data"), ), SizedBox(height: 20), Text(_response), ], ), ), ); } void _fetchData() async { Response response = await HttpUtil.get("users/1"); if (response != null) { setState(() { _response = response.data.toString(); }); } } } ``` 这个示例中,我们在 `HttpUtil` 类中封装了 `get` 和 `post` 请求,然后在 `MyPage` 页面中使用 `HttpUtil` 进行网络请求,并将获取到的数据显示在页面上。当然,你可以根据自己的需求进行更改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值