geekape Flutter HTTP请求JSON序列化问题
在前端，写一个HTTP请求是非常简单的，因为Javascript是弱语言，不用考虑类型问题，如下面这个例子：
async function getMovieList() {
try {
const res = await fetch('/index.php/ajax/list.html?tid=2&mid=1');
console.log(res);
}catch(e) {
console.log(e);
}
}而在flutter当中发送请求是这样的，我们用dio包来写这个例子：
Future function getMovieList() async {
try {
const res = await dio.get('/index.php/ajax/list.html?tid=2&mid=1');
console.log(res);
}catch(e) {
console.log(e);
}
}看起来没有什么差别是吧，就是语法上的略不同，但是当你要使用接口返回的值时，通常都会遇到类型错误的问题，当然在flutter当中你也可以用var类型变量，用res['xxx']['xxx']['xxx']的方式来使用它。
在强类型语言中这样使用的知，极不优雅。
通常情况下，我们需要定义一个接口Model文件，如通用的 response.dart：
class ResponseModel {
int? code;
String? msg;
Map? data;
ResponseModel({this.code, this.msg, this.data});
ResponseModel.fromJson(Map<String, dynamic> json) {
code = json['code'];
msg = json['msg'];
data = json['data'];
}
}这样使用它：
Future function getMovieList() async {
try {
const res = await dio.get('/index.php/ajax/list.html?tid=2&mid=1');
ResponseModel data = ResponseModel.fromJson(res.data);
}catch(e) {
console.log(e);
}
}理想状况下，你不会遇到飘红，你不必像上传那样，用res['xxx']['xxx']['xxx']来使用它，你可以直接data.code，data.msg 来使用，并且都有类型提示。
下面再列举一下其它的model文件，供大家参考：
class ResponseListModel<T> {
int? page;
int? pagecount;
int? limit;
int? total;
List<T>? list;
ResponseListModel(
{this.page, this.pagecount, this.limit, this.total, this.list});
ResponseListModel.fromJson(Map json) {
page = json['page'];
pagecount = json['pagecount'];
limit = json['limit'];
total = json['total'];
list = json['list'];
}
}class movieModel {
int? vodId;
int? typeId;
int? typeId1;
int? groupId;
String? vodName;
String? vodSub;
String? vodEn;
int? vodStatus;
String? vodLetter;
String? vodColor;
String? vodTag;
String? vodClass;
String? vodPic;
String? vodPicThumb;
String? vodPicSlide;
String? vodPicScreenshot;
String? vodActor;
String? vodDirector;
String? vodWriter;
String? vodBehind;
String? vodBlurb;
String? vodRemarks;
String? vodPubdate;
int? vodTotal;
String? vodSerial;
String? vodTv;
String? vodWeekday;
String? vodArea;
String? vodLang;
String? vodYear;
String? vodVersion;
String? vodState;
String? vodAuthor;
String? vodJumpurl;
String? vodTpl;
String? vodTplPlay;
String? vodTplDown;
int? vodIsend;
int? vodLock;
int? vodLevel;
int? vodCopyright;
int? vodPoints;
int? vodPointsPlay;
int? vodPointsDown;
int? vodHits;
int? vodHitsDay;
int? vodHitsWeek;
int? vodHitsMonth;
String? vodDuration;
int? vodUp;
int? vodDown;
String? vodScore;
int? vodScoreAll;
int? vodScoreNum;
int? vodTime;
int? vodTimeAdd;
int? vodTimeHits;
int? vodTimeMake;
int? vodTrysee;
int? vodDoubanId;
String? vodDoubanScore;
String? vodReurl;
String? vodRelVod;
String? vodRelArt;
String? vodPwd;
String? vodPwdUrl;
String? vodPwdPlay;
String? vodPwdPlayUrl;
String? vodPwdDown;
String? vodPwdDownUrl;
String? vodContent;
String? vodPlayFrom;
String? vodPlayServer;
String? vodPlayNote;
String? vodPlayUrl;
String? vodDownFrom;
String? vodDownServer;
String? vodDownNote;
String? vodDownUrl;
int? vodPlot;
String? vodPlotName;
String? vodPlotDetail;
Map<String, dynamic>? vodPlayList;
Map? type;
Map? type1;
movieModel({this.vodId, this.typeId, this.typeId1, this.groupId, this.vodName, this.vodSub, this.vodEn, this.vodStatus, this.vodLetter, this.vodColor, this.vodTag, this.vodClass, this.vodPic, this.vodPicThumb, this.vodPicSlide, this.vodPicScreenshot, this.vodActor, this.vodDirector, this.vodWriter, this.vodBehind, this.vodBlurb, this.vodRemarks, this.vodPubdate, this.vodTotal, this.vodSerial, this.vodTv, this.vodWeekday, this.vodArea, this.vodLang, this.vodYear, this.vodVersion, this.vodState, this.vodAuthor, this.vodJumpurl, this.vodTpl, this.vodTplPlay, this.vodTplDown, this.vodIsend, this.vodLock, this.vodLevel, this.vodCopyright, this.vodPoints, this.vodPointsPlay, this.vodPointsDown, this.vodHits, this.vodHitsDay, this.vodHitsWeek, this.vodHitsMonth, this.vodDuration, this.vodUp, this.vodDown, this.vodScore, this.vodScoreAll, this.vodScoreNum, this.vodTime, this.vodTimeAdd, this.vodTimeHits, this.vodTimeMake, this.vodTrysee, this.vodDoubanId, this.vodDoubanScore, this.vodReurl, this.vodRelVod, this.vodRelArt, this.vodPwd, this.vodPwdUrl, this.vodPwdPlay, this.vodPwdPlayUrl, this.vodPwdDown, this.vodPwdDownUrl, this.vodContent, this.vodPlayFrom, this.vodPlayServer, this.vodPlayNote, this.vodPlayUrl, this.vodDownFrom, this.vodDownServer, this.vodDownNote, this.vodDownUrl, this.vodPlot, this.vodPlotName, this.vodPlotDetail, this.vodPlayList, this.type, this.type1});
movieModel.fromJson(Map<String, dynamic> json) {
vodId = json['vod_id'];
typeId = json['type_id'];
typeId1 = json['type_id_1'];
groupId = json['group_id'];
vodName = json['vod_name'];
vodSub = json['vod_sub'];
vodEn = json['vod_en'];
vodStatus = json['vod_status'];
vodLetter = json['vod_letter'];
vodColor = json['vod_color'];
vodTag = json['vod_tag'];
vodClass = json['vod_class'];
vodPic = json['vod_pic'];
vodPicThumb = json['vod_pic_thumb'];
vodPicSlide = json['vod_pic_slide'];
vodPicScreenshot = json['vod_pic_screenshot'];
vodActor = json['vod_actor'];
vodDirector = json['vod_director'];
vodWriter = json['vod_writer'];
vodBehind = json['vod_behind'];
vodBlurb = json['vod_blurb'];
vodRemarks = json['vod_remarks'];
vodPubdate = json['vod_pubdate'];
vodTotal = json['vod_total'];
vodSerial = json['vod_serial'];
vodTv = json['vod_tv'];
vodWeekday = json['vod_weekday'];
vodArea = json['vod_area'];
vodLang = json['vod_lang'];
vodYear = json['vod_year'];
vodVersion = json['vod_version'];
vodState = json['vod_state'];
vodAuthor = json['vod_author'];
vodJumpurl = json['vod_jumpurl'];
vodTpl = json['vod_tpl'];
vodTplPlay = json['vod_tpl_play'];
vodTplDown = json['vod_tpl_down'];
vodIsend = json['vod_isend'];
vodLock = json['vod_lock'];
vodLevel = json['vod_level'];
vodCopyright = json['vod_copyright'];
vodPoints = json['vod_points'];
vodPointsPlay = json['vod_points_play'];
vodPointsDown = json['vod_points_down'];
vodHits = json['vod_hits'];
vodHitsDay = json['vod_hits_day'];
vodHitsWeek = json['vod_hits_week'];
vodHitsMonth = json['vod_hits_month'];
vodDuration = json['vod_duration'];
vodUp = json['vod_up'];
vodDown = json['vod_down'];
vodScore = json['vod_score'];
vodScoreAll = json['vod_score_all'];
vodScoreNum = json['vod_score_num'];
vodTime = json['vod_time'];
vodTimeAdd = json['vod_time_add'];
vodTimeHits = json['vod_time_hits'];
vodTimeMake = json['vod_time_make'];
vodTrysee = json['vod_trysee'];
vodDoubanId = json['vod_douban_id'];
vodDoubanScore = json['vod_douban_score'];
vodReurl = json['vod_reurl'];
vodRelVod = json['vod_rel_vod'];
vodRelArt = json['vod_rel_art'];
vodPwd = json['vod_pwd'];
vodPwdUrl = json['vod_pwd_url'];
vodPwdPlay = json['vod_pwd_play'];
vodPwdPlayUrl = json['vod_pwd_play_url'];
vodPwdDown = json['vod_pwd_down'];
vodPwdDownUrl = json['vod_pwd_down_url'];
vodContent = json['vod_content'];
vodPlayFrom = json['vod_play_from'];
vodPlayServer = json['vod_play_server'];
vodPlayNote = json['vod_play_note'];
vodPlayUrl = json['vod_play_url'];
vodDownFrom = json['vod_down_from'];
vodDownServer = json['vod_down_server'];
vodDownNote = json['vod_down_note'];
vodDownUrl = json['vod_down_url'];
vodPlot = json['vod_plot'];
vodPlotName = json['vod_plot_name'];
vodPlotDetail = json['vod_plot_detail'];
vodPlayList = json['vod_play_list'];
type = json['type'];
type1 = json['type_1'];
}
Map<String, dynamic> toJson() {
final Map<String, dynamic> data = new Map<String, dynamic>();
data['vod_id'] = this.vodId;
data['type_id'] = this.typeId;
data['type_id_1'] = this.typeId1;
data['group_id'] = this.groupId;
data['vod_name'] = this.vodName;
data['vod_sub'] = this.vodSub;
data['vod_en'] = this.vodEn;
data['vod_status'] = this.vodStatus;
data['vod_letter'] = this.vodLetter;
data['vod_color'] = this.vodColor;
data['vod_tag'] = this.vodTag;
data['vod_class'] = this.vodClass;
data['vod_pic'] = this.vodPic;
data['vod_pic_thumb'] = this.vodPicThumb;
data['vod_pic_slide'] = this.vodPicSlide;
data['vod_pic_screenshot'] = this.vodPicScreenshot;
data['vod_actor'] = this.vodActor;
data['vod_director'] = this.vodDirector;
data['vod_writer'] = this.vodWriter;
data['vod_behind'] = this.vodBehind;
data['vod_blurb'] = this.vodBlurb;
data['vod_remarks'] = this.vodRemarks;
data['vod_pubdate'] = this.vodPubdate;
data['vod_total'] = this.vodTotal;
data['vod_serial'] = this.vodSerial;
data['vod_tv'] = this.vodTv;
data['vod_weekday'] = this.vodWeekday;
data['vod_area'] = this.vodArea;
data['vod_lang'] = this.vodLang;
data['vod_year'] = this.vodYear;
data['vod_version'] = this.vodVersion;
data['vod_state'] = this.vodState;
data['vod_author'] = this.vodAuthor;
data['vod_jumpurl'] = this.vodJumpurl;
data['vod_tpl'] = this.vodTpl;
data['vod_tpl_play'] = this.vodTplPlay;
data['vod_tpl_down'] = this.vodTplDown;
data['vod_isend'] = this.vodIsend;
data['vod_lock'] = this.vodLock;
data['vod_level'] = this.vodLevel;
data['vod_copyright'] = this.vodCopyright;
data['vod_points'] = this.vodPoints;
data['vod_points_play'] = this.vodPointsPlay;
data['vod_points_down'] = this.vodPointsDown;
data['vod_hits'] = this.vodHits;
data['vod_hits_day'] = this.vodHitsDay;
data['vod_hits_week'] = this.vodHitsWeek;
data['vod_hits_month'] = this.vodHitsMonth;
data['vod_duration'] = this.vodDuration;
data['vod_up'] = this.vodUp;
data['vod_down'] = this.vodDown;
data['vod_score'] = this.vodScore;
data['vod_score_all'] = this.vodScoreAll;
data['vod_score_num'] = this.vodScoreNum;
data['vod_time'] = this.vodTime;
data['vod_time_add'] = this.vodTimeAdd;
data['vod_time_hits'] = this.vodTimeHits;
data['vod_time_make'] = this.vodTimeMake;
data['vod_trysee'] = this.vodTrysee;
data['vod_douban_id'] = this.vodDoubanId;
data['vod_douban_score'] = this.vodDoubanScore;
data['vod_reurl'] = this.vodReurl;
data['vod_rel_vod'] = this.vodRelVod;
data['vod_rel_art'] = this.vodRelArt;
data['vod_pwd'] = this.vodPwd;
data['vod_pwd_url'] = this.vodPwdUrl;
data['vod_pwd_play'] = this.vodPwdPlay;
data['vod_pwd_play_url'] = this.vodPwdPlayUrl;
data['vod_pwd_down'] = this.vodPwdDown;
data['vod_pwd_down_url'] = this.vodPwdDownUrl;
data['vod_content'] = this.vodContent;
data['vod_play_from'] = this.vodPlayFrom;
data['vod_play_server'] = this.vodPlayServer;
data['vod_play_note'] = this.vodPlayNote;
data['vod_play_url'] = this.vodPlayUrl;
data['vod_down_from'] = this.vodDownFrom;
data['vod_down_server'] = this.vodDownServer;
data['vod_down_note'] = this.vodDownNote;
data['vod_down_url'] = this.vodDownUrl;
data['vod_plot'] = this.vodPlot;
data['vod_plot_name'] = this.vodPlotName;
data['vod_plot_detail'] = this.vodPlotDetail;
if (this.vodPlayList != null) {
data['vod_play_list'] = this.vodPlayList;
}
if (this.type != null) {
data['type'] = this.type;
}
if (this.type1 != null) {
data['type_1'] = this.type1;
}
return data;
}
}
