用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

小程序开发二三事:图片错误显示默认图,数据请求head的设置 ... ...

纸飞机 2018-3-8 09:32

作者:加菲猫,来自原文地址一:图片错误显示默认图的image组件不像普通html 的image,没有onerror属性,不过有个binderror回调方法。却不像onerror="this.src='/static/img/fmdefault.png'"来的方便。binderror 当 ...

作者:加菲猫,来自

原文地址

一:图片错误显示默认图

的image组件不像普通html 的image,没有onerror属性,不过有个binderror回调方法。却不像onerror="this.src='/static/img/fmdefault.png'"来的方便。

binderror 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong'};

当图片错误时,调用binderror方法,然后去改变image的src绑定的值。

  1. class="userinfo-avatar" src="{{avatar}}" binderror="errorFunction">
  1. errorFunction: function(){
  2. this.setData({
  3. avatar: '/image/head.png'
  4. })
  5. }

二:数据请求head的设置

wx.request(OBJECT)

发起请求的方法有很多,默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT;

一般在项目开发中用得较多的就是GET 和 POST

在发起请求时,header 要设置正确:

get请求时为

  1. header:{
  2. "content-type":'application/json'
  3. },

post请求时为:

  1. header:{
  2. "content-type":'application/x-www-form-urlencoded'
  3. }

注意: POST时必须要设置"content-type":'application/x-www-form-urlencoded',否则,请求不成功!

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏