且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Flutter:如何解码此复杂的JSON字符串

更新时间:2022-11-03 09:29:28

请先阅读我的 quicktype 的类生成库.

例如,使用快速类型,您可以使用JSON轻松,自动地在dart中生成moidel类. 在此生成文件.

quicktype --lang dart --all-properties-optional https://www.shadowsheep.it/so/53968769/testjson.php -o my_json_class.dart

然后在代码中使用它:

import 'my_json_class.dart';
import 'package:http/http.dart' as http;

var response = await http.get('https://www.shadowsheep.it/so/53968769/testjson.php');
    var myClass = MyJsonClass.fromJson(jsonDecode(response.body));
    for(var result in myClass.results.toList()) {
       print(result?.id);
    }

NB 如果您将掌握一个代码生成器库,那么您将能够解析来自REST API的任何类型的JSON,您将有更多的时间来玩乐. /p>

From my REST API a JSON string is received as

{"total":"30","results":[ {"ID":"1809221034017","DATE":"2018-09-22","REG":"(E9)","START":"10:40","END":"10:48"}, {"ID":"1809221337250","DATE":"2018-09-22","REG":"(E4)","START":"13:43","END":"13:57"}, {"ID":"1809161032213","DATE":"2018-09-16","REG":"(E1)","START":"11:04","END":"11:13"}]}

The total field tells me that the database contains in total 30 records, the requested data (only 3 rows) is included in the results section.

I need to parse the data, so I can show the results in ListView. I managed to do this with a simple JSON string, but not with this complex JSON string. Unfortunately I am not able to change the output of the web service since this is hosted by a 3rd party.

Any help, or a code example, is appreciated.

Thanks in advance

Read first my other answer here.

Then I suggest you to use a class generation library like quicktype.

Using quick type for example you can easily and automatically genearate your moidel class in dart using your JSON. Here the generated file.

quicktype --lang dart --all-properties-optional https://www.shadowsheep.it/so/53968769/testjson.php -o my_json_class.dart

Then use it in code:

import 'my_json_class.dart';
import 'package:http/http.dart' as http;

var response = await http.get('https://www.shadowsheep.it/so/53968769/testjson.php');
    var myClass = MyJsonClass.fromJson(jsonDecode(response.body));
    for(var result in myClass.results.toList()) {
       print(result?.id);
    }

N.B. If you'll master a code generator library, then you'll be able to parse any type of JSON coming from a REST API and you'll have more time for fun.