小程序解析后端返回的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}}"/>
posted @ 2020-08-20 09:40  年少有为AAA  阅读(992)  评论(0编辑  收藏  举报