小程序模板網(wǎng)

小程序開發(fā)二三事:圖片錯誤顯示默認圖,數(shù)據(jù)請求head的設(shè)置 ...

發(fā)布時間:2018-04-17 12:16 所屬欄目:小程序開發(fā)教程

作者:加菲貓,來自原文地址

 

一:圖片錯誤顯示默認圖

小程序的image組件不像普通html 的image,沒有onerror屬性,不過有個binderror回調(diào)方法。卻不像onerror="this.src='/static/img/fmdefault.png'"來的方便。

binderror 當錯誤發(fā)生時,發(fā)布到 AppService 的事件名,事件對象event.detail = {errMsg: 'something wrong'};

當圖片錯誤時,調(diào)用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. }
 

二:數(shù)據(jù)請求head的設(shè)置

wx.request(OBJECT)

發(fā)起請求的方法有很多,默認為 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT;

一般在項目開發(fā)中用得較多的就是GET 和 POST

在發(fā)起請求時,header 要設(shè)置正確:

get請求時為

 

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

post請求時為:

 

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

注意: POST時必須要設(shè)置"content-type":'application/x-www-form-urlencoded',否則,請求不成功!



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.u-renovate.com/wxmini/doc/course/23590.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×