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.codedata.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;
    }
}

本站有些教程和软件源于互联网搬运,仅限于小范围内传播学习,请在下载后24小时内删除

如果有侵权之处请第一时间联系我们删除。敬请谅解!861013016@qq.com


极客猿小兵 » Flutter HTTP请求JSON序列化问题

发表评论