1. 程式人生 > 實用技巧 >小程式解析後端返回的html格式資料

小程式解析後端返回的html格式資料

git地址:https://github.com/icindy/wxParse,下載完後把wxParse裡的wxParse資料夾放好

1、先到需要使用的頁面wxss裡面引入樣式(教程很多都是在全域性的app.wxss看個人咯,怕影響到其他頁面的樣式還是個別引入)

@import "../wxParse/wxParse.wxss";

2、到需要用到的js檔案裡引入

var WxParse = require('../wxParse/wxParse.js');

3、通過呼叫WxParse.wxParse方法來設定html內容

wx.request({ url:API.apiPort,//請求介面的url method:'GET',//請求方式 data:{ type:'college', key:md5.hex_md5('college'), },//請求引數 header:{ 'content-type':'application/json'//預設值 }, complete(){//請求結束後隱藏loading提示框 wx.hideLoading(); }, success:res=>{ if(res.data.code==0) { this.setData({ loadingHidden:true, university:res.data.data.university }) varthat=this,content=res.data.data.university.content; WxParse.wxParse('content','html',content,that,0); } } });

4、然後到你的wxml介面裡面引入,其中content.nodes裡的content就是你第3步時候的bindName

  1. <importsrc="../wxParse/wxParse.wxml"/>
  2. <templateis="wxParse"data="{{wxParseData:content.nodes}}"/>