flutter 对一个对象进行fromjson,tojson,encode和decode

fromJson就是转成我们能app能用的数据,tojson就是转成服务器能用的数据,
encode是列表/对象转json,decode是json转列表/对象

存在下面的一个对象

    RedEnvelopeModel redEnvelopeModel=RedEnvelopeModel(
      id: 1,
      mess: "1",
      owner: Owner(userId: "1",nickname: "1"),
      qty: "1",
      roomId: "102",
      topCoin: 1,
      totalCoin: "1",
      totalQty: "1"
    );

进行tojson得到 Map类型,服务器可用的数据类型:redEnvelopeModel.toJson()

{id: 1, mess: 1, owner: {nickname: 1, userId: 1}, qty: 1, roomId: 102, topCoin: 1, totalCoin: 1, totalQty: 1}

进行encode得到String类型,可以传String类型了:json.encode(redEnvelopeModel.toJson())

{"id":1,"mess":"1","owner":{"nickname":"1","userId":"1"},"qty":"1","roomId":"102","topCoin":1,"totalCoin":"1","totalQty":"1"}

前面如果用json.encode转过了,这边就用json.decode转回来
进行decode得到,将encode的String类型转成我们可以用的:json.decode(body)
RedEnvelopeModel model = RedEnvelopeModel.fromJson(json.decode(body));//fromJson之后就可以用了

{id: 1, mess: 1, owner: {nickname: 1, userId: 1}, qty: 1, roomId: 102, topCoin: 1, totalCoin: 1, totalQty: 1}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,在Flutter中使用http插件请求json数据需要先在`pubspec.yaml`文件中添加依赖: ```yaml dependencies: http: ^0.12.2 ``` 然后在Dart文件中导入http插件: ```dart import 'package:http/http.dart' as http; ``` 接着,可以使用http插件中的`get()`方法来请求json数据,例如: ```dart Future<List<dynamic>> fetchData() async { final response = await http.get('https://jsonplaceholder.typicode.com/posts'); if (response.statusCode == 200) { return json.decode(response.body); } else { throw Exception('Failed to load data'); } } ``` 这个例子中,我们访问了一个在线的json数据接口,这个接口返回的是一个包含多个文章信息的json数组。在请求成功后,我们使用`json.decode()`方法将json字符串转换为List<dynamic>类型的数据,并返回给调用方。 最后,我们可以在Flutter中使用ListView等组件展示这些数据,例如: ```dart class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter HTTP Demo', home: Scaffold( appBar: AppBar(title: Text('Flutter HTTP Demo')), body: FutureBuilder<List<dynamic>>( future: fetchData(), builder: (context, snapshot) { if (snapshot.hasData) { return ListView.builder( itemCount: snapshot.data.length, itemBuilder: (context, index) { return ListTile( title: Text(snapshot.data[index]['title']), subtitle: Text(snapshot.data[index]['body']), ); }, ); } else if (snapshot.hasError) { return Text("${snapshot.error}"); } return CircularProgressIndicator(); }, ), ), ); } } ``` 这个例子中,我们使用了FutureBuilder来异步构建ListView组件,当请求到数据时,ListView的itemCount就是数据的长度,而每个item则显示了文章的标题和内容。如果请求失败,则显示异常信息。如果请求还在进行中,则显示一个圆形进度条。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值