小程序解析后端返回的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
-
<import src="../wxParse/wxParse.wxml"/>
-
<template is="wxParse" data="{{wxParseData:content.nodes}}"/>