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

作者：加菲猫，来自原文地址

一：图片错误显示默认图

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

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

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

1. <image class="userinfo-avatar" src="{{avatar}}" binderror="errorFunction"></image>

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'，否则，请求不成功！