微信小程序调用PHP后台接口 解析纯html文本

微信小程序调用PHP后台接口,解析纯html文本,效果图片预览 

微信小程序调用PHP后台接口 解析纯html文本_第1张图片

 1、微信js动态传参:

wx.request({
    url: 'https://m.****.com/index.php/Home/Xiaoxxf/activity_detail?a_id='+options.id,//含富文本html
    data: {
     is_detail:1
    },
    method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
    header: {
     'Content-Type': 'application/json'
    },
    success: function (res) {
     that.setData({
      Article: res.data  //一维数组json编码后对象
     })
     
    /**
     * html解析
    */  
     var article = that.data.Article;
    console.log("article = " + article);
     WxParse.wxParse('article', 'html', article, that, 5);
     console.log(res.data);
    },
    fail: function (res) { },
    complete: function (res) { },
   }),

其中,options.id是由前一个wxml页面动态传过来的参数。

2、wxParse插件使用:

github地址: https://github.com/icindy/wxParse,版本0.2
解决问题:微信小程序富文本html、md解析组件

1)复制wxParse文件夹到pages同目录
2)在wxml页面引入模板代码:



富文本html框内容: