小程式解析後端返回的html格式資料
阿新 • • 發佈:2020-08-20
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
- <importsrc="../wxParse/wxParse.wxml"/>
- <templateis="wxParse"data="{{wxParseData:content.nodes}}"/>