首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Flutter中使用Dio或http发送带有GET请求的参数

在Flutter中,你可以使用Dio或http库来发送带有GET请求的参数。以下是两种方法的详细说明和示例代码。

使用Dio发送GET请求

Dio是一个强大的HTTP客户端,支持拦截器、全局配置、FormData、请求取消、文件下载、超时等。

安装Dio

首先,你需要在pubspec.yaml文件中添加Dio依赖:

代码语言:txt
复制
dependencies:
  dio: ^4.0.0

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

示例代码

代码语言:txt
复制
import 'package:dio/dio.dart';

void sendGetRequestWithDio() async {
  try {
    Dio dio = Dio();
    Response response = await dio.get('https://example.com/api', queryParameters: {
      'param1': 'value1',
      'param2': 'value2',
    });
    print(response.data);
  } catch (e) {
    print('Error: $e');
  }
}

使用http发送GET请求

http是Flutter官方提供的一个简单易用的HTTP客户端库。

安装http

同样,在pubspec.yaml文件中添加http依赖:

代码语言:txt
复制
dependencies:
  http: ^0.13.3

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

示例代码

代码语言:txt
复制
import 'package:http/http.dart' as http;
import 'dart:convert';

void sendGetRequestWithHttp() async {
  try {
    var url = Uri.parse('https://example.com/api')
        .replace(queryParameters: {
          'param1': 'value1',
          'param2': 'value2',
    });
    var response = await http.get(url);
    if (response.statusCode == 200) {
      var jsonResponse = jsonDecode(response.body);
      print(jsonResponse);
    } else {
      print('Request failed with status: ${response.statusCode}.');
    }
  } catch (e) {
    print('Error: $e');
  }
}

总结

  • Dio 提供了更多的功能和灵活性,适合需要复杂配置和高级功能的场景。
  • http 则更为简单直接,适合基础的HTTP请求需求。

选择哪个库取决于你的具体需求和项目的复杂度。无论使用哪个库,都需要注意处理网络请求可能出现的异常情况,并确保在UI线程之外执行网络操作以避免阻塞UI。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

flutter网络dio框架get请求使用总结

重要消息 网易云【玩转大前端】配套课程 EDU配套 教程 flutter跨平台开发一点一滴分析系列文章系列文章 在这里了 *** 本文章将讲述 1.使用dio发送基本的get请求 2.使用dio发送get...请求的传参方式 3.解析响应json数据 1 引言 dio用来在flutter跨平台开发中访问网络的框架,在使用的时候,我们首先是引入依赖 dependencies: dio: 3.0.9 也可以访问国内...一般添加依赖如下所示 dependencies: dio: ^3.0.9 两种写法的差别是 ^在每次 flutter pub get 是会有小版本的自动升级,不添加这个符号就不会有自动小升级 2 Dio...get请求 2.1 Dio get 请求无参数 //get请求无参数 void getRequestFunction1() async { ///创建Dio对象 Dio dio...传参方式1与传参方式2是在请求链接中拼接参数,请求方式3是将参数放在一个 map 中,然后通过 Dio 的queryParameters 来配制参数,上述返回的数据结构为 { "code": 200

1.8K11
  • 网络访问

    Flutter中发送put请求,在github项目中添加一个文件 import 'package:http/http.dart' as client; main() { put(); } void...client.get(api).then((rep){ print(rep.statusCode); print(rep.body); }); } 复制代码 好了,Http的几种常用的请求方式基本都会了吧...dio的使用 dio作为JoJo的奇妙冒险的几部大boss,听名字就挺霸气,在网页搜dio根本没有Flutter的事 上来说的那个http包相对比较原始,dio封装的更好些,用法比较多。...github项目文件 dio中的delete是可以添加请求体的 void delete() { var baseUrl="https://api.github.com/"; var operate...,要实现文件上传,你需要一点后端的知识 核心就是客户端将数据通过请求给服务器,服务器将请求中的内容进行操作 上传也就是服务器将数据或文件存储到了服务端指定位置。

    2.4K10

    Flutter之网络请求封装

    应用开发中,网络请求几乎是必不可少的功能,本文将介绍如何通过对 dio 进行二次封装一步一步实现网络请求封装,以便于在项目中方便快捷的使用网络请求。...dio 本身提供了get 、post 、put 、delete 等一系列 http 请求方法,但是通过源码发现最终这些方法都是调用的 request 的方法实现的。...请求数据转换 除了返回数据的解析,实际开发过程中还会遇到对请求参数的处理,比如请求参数为 json 数据,但是代码里为了方便处理使用的实体类,request 中 data 参数可能传入的是一个实体类实例...•Http 异常:Http 错误,如 404、503 等•业务异常:请求成功,但是业务异常,如:登录时用户名密码错误等 首先创建一个 ApiException 用于统一封装请求的异常信息: class...时添加拦截器即可: _dio.interceptors.add(TokenInterceptor()); 日志打印 开发过程中为了方便调试经常需要打印请求返回日志,可以使用自定义拦截器实现,也可以使用第三方实现的日志打印的拦截器

    7.5K11

    Flutter 入门指北(Part 13)之网络

    打开连接,并设置一些头参数,请求参数等 // 如果 url 中没有查询参数可直接创建 Uri uri = Uri.parse('https://www.xxx.com'); // 如果存在查询参数则在...),使用方式非常简单,创建一个 Dio 实例,然后就可以通过 get,post 等方式发起请求,返回 Future,而且支持多个并发请求,可以设置返回响应的类型,监听上传下载进度等等...这个接口通过 get 请求,可以加入任意的查询参数。比如我们需要实现一个请求加解密的过程,如果每次都在上传参数或者返回请求的时候去加密,解密的话,就做了非常多无用功了,那么这时候拦截器就派上用场了。...error; })); // 发送一个请求,可以查看下打印的结果 Response response = await dio.get(_USER_ME_URL, queryParameters...以上代码查看 http_main.dart 文件 实践一下下 不知道小伙还记得前面讲的 BLoC 没有,忘了可以查看 Flutter 状态管理及 BLoC,这里结合 BLoC 和 Dio 实现界面和逻辑分离的小例子

    1.4K20

    Flutter lesson 9: Flutter的网络(HTTP)请求

    Flutter中网络请求有两种,一个是使用Flutter自带的网络请求,另一种则是使用第三方HTTP请求插件dio Flutter中自带的HTTP请求 如果要使用Flutter自带的HTTP请求,需要引入下面两个库...Flutter 官网建议我们使用 async/await 来进行处理异步(借鉴了前端中的ES7的异步处理)。 使用Flutter自带的HTTP请求一般包含以下几个步骤: 创建 client。...在Flutter中,请求需要使用 Uri 而不是 Url。关于 URL 与 URI 的区别,可以HTTP 协议中 URI 和 URL 有什么区别?。...使用dart:convert库可以简单解码和编码JSON。 有关其他的JSON文档,请参阅JSON和序列化。 看看最后的代码,下面两个都是get,使用了不同的方式,第二个还带了参数。...使用 dio 使用 dio 需要修安装 dio 插件,当前我使用的是最新的版本 2.1.11 dependencies: flutter: sdk: flutter flutter_webview_plugin

    2.7K20

    Flutter 网络请求封装之Dio(Cookie管理、添加拦截器、下载文件、异常处理、取消请求等)

    Dio相关 dio是一个强大的Dart Http请求库,支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时、自定义适配器等… 添加依赖,注意3.0....,细心的同学可能会发现,baseUrl的参数是固定的,在实际开发中请求两个及以上的域名地址是有很大可能的,所以我们怎么动态更换baseUrl呢?...Options单次请求配置 RequestOptions实际请求配置 所以,我们可以在需要的地方创建RequestOptions,然后代替或覆盖BaseOptions 加到请求参数中 比如: RequestOptions...有两种方法可以校验https证书,假设我们的后台服务使用的是自签名证书,证书格式是PEM格式,我们将证书的内容保存在本地字符串中,那么我们的校验逻辑如下: String PEM="XXXXX"; //...PEM或PKCS12,如果证书格式为PKCS12,则需将证书密码传入,这样则会在代码中暴露证书密码,所以客户端证书校验不建议使用PKCS12格式的证书。

    7.9K21

    Flutter中的html内容加载

    上一篇文章Flutter 中的下拉刷新和上拉加载中,我介绍了如何在Flutter中实现下拉刷新和上拉加载的效果,今天我们继续以上文中的代码为例,来介绍如何加载HTML文档内容。...a=getPortalList&catid=20&page=$_page"; var response = await Dio().get(urlStr); if (response.statusCode...flutter_html这个第三方库适合解析轻量的、不是特别复杂的html文本内容,它仅能够解析常用的那些html标签,所以对于复杂的html内容,我们通常不使用flutter_html,而是使用webView...flutter_inappbrower 前面我们使用flutter_html加载html内容的步骤如下: 首先通过网络请求获取到对应的html内容文本 通过Html这个第三方库中的组件来展示html...flutter_html可用于加载轻量级的html文本内容,对于复杂的远程html内容,我们需要使用webview来加载,flutter_inappbrower是Flutter中实现WebView的最好用的第三方组件

    16.7K43

    对于 Flutter 快速开发框架的思考

    依赖注入:很多情况下,为了便于管理和使用应用中的服务和数据模型,我们需要这个高级能力,但是属于偏高级点的能力了,所以是一个optional的,你可以不考虑。...网络请求管理:Dio 库名: dio 描述: 一个强大的Dart HTTP客户端,支持拦截器、全局配置、FormData、请求取消等。...选择理由: Dio 支持Restful API、拦截器和全局配置,易于扩展和维护。这个已经是老牌的网络请求库了,稳定的很,且支持流式传输,访问大模型也丝毫不马虎。...CI/CD集成 CI/CD集成通常涉及外部服务,如GitHub Actions、Codemagic等,而非Flutter库。...我保持了核心功能、数据层、领域层和表示层的划分: core/api/: 使用Dio来实现ApiService,处理所有网络请求。

    63331

    基于 Flutter + 百度人工智能 开发出的一款测颜值的 App

    Flutter 颜值大师 基于 Flutter + 百度人工智能 开发出的一款测颜值的 App。...使用第三方插件实现选择照片的功能 一些特殊的功能,可以在插件商店中搜索对应的插件,从而轻松实现,插件商店的地址为 https://pub.dev/flutter 在 pubspec.yaml 的 dependencies...通过 dio 发起网络数据请求 插件地址 https://pub.dev/packages/dio ,使用步骤如下: 在 pubspec.yaml 的 dependencies 节点中,新增插件如下:...{   // 发起 post 请求   // 参数1:请求的URL地址【必选】   // 参数2:通过请求体发送的数据【可选】   // 参数3:请求配置项【可选】   var response = await...为 dio 的 post 请求设置 data 和 options 在发送 post 请求期间,如果需要设置 body 请求体和 options 配置项,可以参考如下代码: // 请求的URL地址 var

    2.5K30

    基于 Flutter + 百度人工智能 开发出的一款测颜值的 App

    Flutter 颜值大师 基于 Flutter + 百度人工智能 开发出的一款测颜值的 App。...使用第三方插件实现选择照片的功能 一些特殊的功能,可以在插件商店中搜索对应的插件,从而轻松实现,插件商店的地址为 https://pub.dev/flutter 在 pubspec.yaml 的 dependencies...通过 dio 发起网络数据请求 插件地址 https://pub.dev/packages/dio ,使用步骤如下: 在 pubspec.yaml 的 dependencies 节点中,新增插件如下:...{ // 发起 post 请求 // 参数1:请求的URL地址【必选】 // 参数2:通过请求体发送的数据【可选】 // 参数3:请求配置项【可选】 var response =...为 dio 的 post 请求设置 data 和 options 在发送 post 请求期间,如果需要设置 body 请求体和 options 配置项,可以参考如下代码: // 请求的URL地址 var

    2.6K20
    领券