小程序系列--网络库封装(三)

处理请求成功

当网络操作成能,也就是能连上服务,调用接口获得到返回的数据,就会调用 success 方法。

success: function (res) {
    //网络成功
}

至于服务器业务逻辑是否成功就不知道了,所以接下来就要判断业务是否成功。
之前说过,服务器返回的结果有统一的JSON外壳,就可以用JSON外壳的retCode 来判断。如果retCode == 0 代表成功。通过定义getResultData 方法,用该方法的返回值来判断业务是否成功。

wx会自动将返回的JSON解析为json对象,不需要自己解析。

function getResultData(res) {
  //网络错误
  if (res.statusCode != 200) {
    return;
  }
  //服务器返回 null
  var data = res.data;
  if (!data) {
    return;
  }
  //服务器返回数据处理
  if (data.retCode == 0) {
    //返回的正确数据
    return data.data;
  }
}
  • res 为wx api返回的数据
  • res.statusCode 代表网络的状态码
  • res.data 为服务器返回的数据。如果data.retCode == 0 代表业务成功,就可以取出真正的业务数据了。

具体调用逻辑如下:

success: function (res) {
    var data = getResultData(res);
    if (data) {
      //请求成功
      wx.hideLoading();
      req.success(data);
     }else{
       //失败
     } 
}

req.success(data); 为调用 req 的success() 方法,将成功的结果回调回去。
所以req 对象中,必须有 url 字符串,data 对象 ,success 方法

处理失败业务逻辑

这里失败的逻辑与之前处理失败的逻辑相似,将错误的信息toast给用户即可。也可以处理其他的错误码逻辑。

//上接前面success()方法的else
else if (getResultCode(res) == -401) {
    //处理 -401
    relogin(req);
} else {
    wx.hideLoading();
    handleError(res);
    if (isHostMethod(req, "fail")) {
      req.fail();
   }
  1. 这里的 -401 是token过期的错误码。一般过期后重新登录即可。如何登录以后再说。
  2. handleError(res) 是对服务器返回的错误信息进行toast提示,具体如下:
function handleError(res) {
  //网络错误
  if (res.statusCode != 200) {
    showErrorToast("[" + res.statusCode + "]异常");
    return;
  }
  //服务器返回 null
  var data = res.data;
  if (!data) {
    showErrorToast();
    return;
  }
  //服务器返回数据处理
  if (data.retCode == 0) {
    //返回的正确数据
    return data.data;
  } else if (data.msg) {
    //返回的错误信息
    showErrorToast(data.msg);
  } else {
    //处理错误
    showErrorToast();
  }
}
  1. isHostMethod() 是判断 req 对象是否含有 ‘fail'方法,这个方法是选填的。有的话,将网络失败回调过去,没有则不处理。

req对象可以有fail()方法也可以没有,主要为了处理一些loading逻辑。

function isHostMethod(object, property) {
  var t = typeof object[property];
  return t == 'function' || (!!(t == 'object' && object[property])) || t == 'unknown';
}

gitHub源码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,406评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,732评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,711评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,380评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,432评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,301评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,145评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,008评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,443评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,649评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,795评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,501评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,119评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,731评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,865评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,899评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,724评论 2 354

推荐阅读更多精彩内容