flutter dio 调用api 与引用convert转json的使用

最新推荐文章于 2024-05-16 10:35:49 发布
最新推荐文章于 2024-05-16 10:35:49 发布
阅读量825 收藏 3
点赞数 1
分类专栏： android 文章标签： flutter android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45073409/article/details/114378838
版权

flutter dio 调用api 与引用convert转json的使用

首先引入
import 'package:dio/dio.dart' 调用数据
import 'dart:convert'; json串解析

创建一个函数, 函数要用异步(async)方式
在这里插入图片描述
放入之后创建response类型变量用来接收数据
与创建dio对象,用来调用接口数据

在这里插入图片描述dio数据时await必须要使用同步awiait, 否则会报错,

返回的statusCode码 200 即为成功,否则即为失败
json.decode()解析数据, response.data存放数据

完整代码

在这里插入图片描述
如果输入是使用post方法则将dio.post(url)改为dio.post(url,data:要传入的键值对)

在这里插入图片描述
进入页面就需要调用一次接口的话要写在init函数中,
initState在flutter生命周期中表示刚开始即执行一次

在这里插入图片描述
#转载记得注明博主,谢谢

努力的老少年
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Flutter json 和 对象之间的转换
zhujiangtaotaise的专栏
07-21 3891
Flutter 中自定义对象和 json 之间的转换，包括嵌套对象和嵌套集合的序列化
【flutter】json的序列化和反序列化，在模型类中序列化json
NolanKy 的 技术博客
02-06 2213
一，序列化 JSON 1、使用 dart:convert 手动序列化 JSON 2、模型类中序列化 JSON 小项目中使用 dart:convert 手动序列化 JSON 非常好，也非常快速。但是随着项目的增大， dart:convert 手动序列化 JSON 的话失去了大部分静态类型语言特性：类型安全、自动补全和 最重要的编译时异常。这样一来，我们的代码可能会变得非常容易出错。 当我们访问 name 或 email 字段时，我们输入的很快，导致字段名打错了。但由于这个 JSON 在 map 结构中，所
Flutter网络请求库DIO入门文档
最新发布
2401_84415615的博客
05-16 318
else {result =输出结果:122.70.159.214。
Flutter中的JSON解析
热门推荐
一杯清泉
02-17 1万+
在客户端开发的过程中，JSON的序列化与反序列化是一个常见的操作，有非常好用的gson，fastjson。由于Flutter中是禁止使用反射的，所以在flutter中并没有这样的库，所以在flutter中使用json的解析还是比较繁琐的，不像java那么简单。下面总结常用的json解析： 一、使用dart:convert内置库解析 1、示例一 （1）json结构 { "callback":"success", "data":"张三" } （2）将json转为Map cons...
Flutter json实例化
yufumatou的博客
03-08 884
前言：通过flutter自带的json.decode(String jsonStr)方法，只需import 'dart:convert'即可，但该实例为Map类型，需要通过key获取属性，容易写错key导致问题，下面介绍将map转成我们想要的实例类。 方法一：在线通过json字符串转实例类 通过https://javiercbk.github.io/json_to_dart/将json字符串生成实例类，然后调用该类的fromJson(Map<String, dynamic> json)将生成
flutter plugins插件【一】【FlutterJsonBeanFactory】
allanGold
09-02 1285
flutter json转模型插件
Flutter中使用dio报错
04-29
有可能报错cros 有可能报错XMLHttpRequest
Flutter dio网络请求封装、实体类封装
11-20
闲着无聊，自己搭建的一个快速开发框架，目前已经二次封装了 dio网络请求以及封装了ResultListBo、ResultObjBo返回基类，有通用的success、errorCode、msg字段，然后定义了两种类型的数据返回格式，一种是直接body...
flutter-plugins-japx:Flutter的JSON API解析器
04-04
Flutter Japx-JSON：API解码器/编码器 轻量级[JSON：API] [1]解析器，可简化复杂的[JSON：API] [1]结构并将其转换为简单JSON，反之亦然。 它通过将Map传输到Map<String> ，因此您可以使用或您喜欢的任何其他对象映射...
详解Flutter WebView与JS互相调用简易指南
01-04
WebView与JS互相调用是一个刚需，但是貌似现在大家写的文章讲的都不是很清楚，我这个简易指南简单粗暴地分为两部分：JS调用Flutter和Flutter调用JS，拒绝花里胡哨，保证一看就懂，一学就会。 开始之前先简单了解...
flutter-internationalization：使用JSON文件进行Flutter国际化
02-04
在此示例中，Flutter可以通过使用json文件进行国际化。 这是Flutter的基本国际化示例。 教程中此示例项目。 预习 入门 您可以按照以下说明启动示例国际化应用程序并将其安装到设备上。 先决条件 如果您不熟悉Flutter...
Flutter基础（十一）网络请求（Dio）与JSON数据解析
weixin_30471065的博客
07-29 1746
本文首发于公众号「刘望舒」 ReactNative入门系列 React Native组件 Flutter基础系列 前言 在Android开发中如果我们想要请求网络，可以使用HttpClent、HttpURLConnection，但在项目中一般都会使用OkHttp和Retrofit。在Flutter也是如此，系统提供了HttpClient，但在项目中一般会使用第三方库，比如http和Dio，如...
Flutter 网络请求Json 两种解析（官方+插件）及动态解析
jia635的专栏
12-24 2612
import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; class FutureBuilderScreen extends StatefulWidget { FutureBuilderScreen({Key key}) : super(key: key); @override _FutureBuilderScreenState createState() => _FutureBu.
一篇文章了解Flutter Json系列化和反序列化
qq_26585943的博客
12-14 844
方案二需要添加或者修改字段，添加相关注解，并重新使用命令行生成JSON序列化和反序列化的代码；要在Flutter中解析JSON数据，您可以使用Flutter的内置库。假设您有以下JSON数据（包含JSON数组和数据模型嵌套）方案一需要添加或者修改字段并且手动修改。这个命令会为你的数据模型类生成。默认会生成在模型类的同级目录。
Flutter网络请求dio封装
阿福的专栏
04-25 1万+
概要: dio已经更新到4.0版本，相对已经很稳定了，不过为了通用性，如果直接应用在项目中，难免比较离散。一般项目开发都是多人共同协作，所以统一的规范，简洁的调用方式，稳定的性能是必不可少的，所以才有二次封装，方便实际项目中使用。 首先预览下文件结构： 一、整体设计描述 Api 对应项目中业务开发时候的调用接口 Code定义了常见请求状态，例如网络错误、超时、成功等 DataHelper定义了数据加密工具代码 DioLogInterceptor页面Loading拦截器，用于网络数据返回加工
Flutter之Json解析和数据转换
万小凡的专栏
08-31 460
1、如何选择Json序列化方式? 如果项目较小手动序列化即可 如果项目比较大，可使用插件json_serializable和built_value 2、如何序列化? flutter的convert，Map<String, dynamic> test = jsonDecode(jsonStr); 使用插件看对应得例子即可 3、复杂Json解析? 写对应的实体解析类即可 4、提升效率在线转换JSON...
flutter 封装dio+json泛型解析
07-03 4197
通过例子比较了 HttpClient,http和dio,github star和功能丰富性，选择在项目中使用dio请求网络; json_serializable+json_annotation可以作为json序列化方式，不喜欢这种方式; 我选择的在https://javiercbk.github.io/json_to_dart/把基类json生成dart class实体类， 其他类使用插件FlutterJsonBeanFactory生成dart class实体类，插件安装后记得重启IDE
使用 Alice inspector 和 Dio 进行 Flutter API 日志记录
会煮咖啡的猫咪
11-04 391
使用 Alice inspector 和 Dio 进行 Flutter API 日志记录 前言 有没有发现自己处于这样的情况下，当一个特性被显示或者一个方法被触发时，你必须找出哪个 API 被调用？ 我就当你见过了 一种简单的方法是在终端中记录 API 调用。 但是终端很容易变得杂乱无章。为了解决这个问题，我们将使用 Alice 检查器，它将帮助我们轻松地记录和有效地共享 API 调用数据。 我们将使用 Dio 进行 API 调用。 https://pub.dev/packages/dio 正文 首先，
九、Dio网络请求 与 JSON数据解析
Sim的博客
03-29 928
一、Dio的使用入门 Dio是一个强大的Dart Http请求库，支持拦截器，全局配置，FormData，请求取消，文件下载，超时等。 添加依赖 在pubspec.yaml中添加依赖。 dependencies: dio: 2.1.7 import 'package:dio/dio.dart'; class DioUtil { Dio _dio; static final DioUtil _instance = DioUtil._internal(); factory DioUt
flutter周期调用Api
06-08
Flutter中可以通过`Timer`类实现周期性调用API。`Timer`类是一个计时器，在指定的时间间隔后触发回调函数。可以使用它来实现周期性的API调用。 下面是一个例子，每隔1秒钟调用一次API： ```dart import 'dart:async'; import 'package:http/http.dart' as http; void main() { Timer.periodic(Duration(seconds: 1), (timer) { _fetchData(); }); } void _fetchData() async { final response = await http.get(Uri.parse('https://example.com/api/data')); // 处理接口返回的数据 // ... } ``` 使用`Timer.periodic`方法可以创建一个周期性计时器。第一个参数是时间间隔，这里是1秒钟。第二个参数是回调函数，这里是调用`_fetchData`方法。 在`_fetchData`方法中，发送HTTP请求获取接口数据，然后处理数据。当下一次计时器触发时，会再次调用`_fetchData`方法，实现周期性调用API的效果。需要注意的是，`Timer`类需要手动取消，否则会一直执行下去，造成资源浪费。可以使用`timer.cancel()`方法来取消计时器。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值