小程序模板网

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

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, ...

 
 
 

1、微信js动态传参:

 

			
  1. wx.request({
  2. url: 'https://m.****.com/index.php/Home/Xiaoxxf/activity_detail?a_id='+options.id,//含富文本html
  3. data: {
  4. is_detail:1
  5. },
  6. method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
  7. header: {
  8. 'Content-Type': 'application/json'
  9. },
  10. success: function (res) {
  11. that.setData({
  12. Article: res.data //一维数组json编码后对象
  13. })
  14.  
  15. /**
  16. * html解析
  17. */
  18. var article = that.data.Article;
  19. console.log("article = " + article);
  20. WxParse.wxParse('article', 'html', article, that, 5);
  21. console.log(res.data);
  22. },
  23. fail: function (res) { },
  24. complete: function (res) { },
  25. }),

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

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

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

3)在js的page({})里面引入执行文件  // 引入wxParse.js解析文件  var WxParse = require('../../wxParse/wxParse.js');  page({...})

4)在js文件里面解析获取的纯html字符串,注意:这里必须得是字符串(如:'

2112

 

 

			
  1. wx.request({
  2. url: 'https://m.*****.com/index.php/Home/Xiaoxxf/activity_detail?a_id='+options.id,//含富文本html
  3. data: {
  4. is_detail:1
  5. },
  6. method: 'GET',
  7. header: {
  8. 'Content-Type': 'application/json'
  9. },
  10. success: function (res) {
  11. that.setData({
  12. Article: res.data //一维数组json编码后对象,全部数据
  13. })
  14.  
  15. /**
  16. * html解析
  17. */
  18. var article = that.data.Article;
  19. console.log("article = " + article);
  20. WxParse.wxParse('article', 'html', article, that, 5);
  21. console.log(res.data);
  22. },
  23. fail: function (res) { },
  24. complete: function (res) { },
  25. })

3、PHP后台接口(本接口仅做示例,未做安全和过滤校验):

 

			
  1. public function activity_detail(){
  2. $is_detail = I('is_detail');
  3. if(!empty($is_detail)){ //富文本html文章
  4. $a_id = I('a_id');
  5. $a_id = intval($a_id)?$a_id:0;
  6. if(empty($a_id)){
  7. $data['code'] = 500;
  8. $data['msg'] = '抱歉,文章已失效';
  9. echo json_encode($data);
  10. }else{
  11. /* php方法:stripslashes() 将html文章去掉json转移字符\ --xzz0608*/
  12. //获取结果为指定字段的二维数组,下面截取一维数组
  13. $data =D()->query("select act_detail from xxf_witkey_activity where is_show = 1 and a_id = ".$a_id." order by a_id desc");
  14. //var_dump($data);return ;
  15. $data = $data[0];
  16. $data = stripslashes(implode(',', $data));
  17. $data = str_replace(array('src="https://www.eyoucms.com/uploads/','src="data/uploads/'),array('src="http://www.xxiangfang.com/data/uploads/','src="http://www.xxiangfang.com/data/uploads/'),$data);
  18. echo $data;
  19. }
  20. }else{ //普通字段(封面、特色、活动名称)
  21. $a_id = intval(I('GET.a_id'));
  22. $data =D()->query("select a_id,act_name,pic_url,introduction from xxf_witkey_activity where is_show = 1 and a_id = ".$a_id." order by a_id desc");
  23. if($data)
  24. $data = $data[0];
  25. echo json_encode($data);
  26. }
  27. }


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/18198.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询