小程序解析后端返回的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
          })
        
          var that = this, content= res.data.data.university.content;
          WxParse.wxParse('content', 'html', content, that,0);
        }
      }
  });

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

  1. <import src="../wxParse/wxParse.wxml"/>
  2. < template is="wxParse" data="{{wxParseData:content.nodes}}"/>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM