微信小程序调用PHP后台接口教程

微信小程序调用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, DELETe, TRACE, ConNECT header: { 'Content-Type': 'application/json' }, success: function (res) { that.setData({ Article: res.data //一维数组json编码后对象 }) 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页面引入模板代码：

<import src=http://www.3lian.com/edu/2017/06-14/"http://www.jsgho.com/wxParse/wxParse.wxml"/> <!--这里可以添加其他的任何wxml代码-->

富文本html框内容：<template is="wxParse" data="{{wxParsedata:article.nodes}}"/>

3）在js的page({})里面引入执行文件

// 引入wxParse.js解析文件 var WxParse=require('http://www.jsgho.com/wxParse/wxParse.js'); page({...})

4）在js文件里面解析获取的纯html字符串，注意：这里必须得是字符串（如：'<div>2112</div>'）,如果有'\'就要去掉。
示例代码：

wx.request({ url: 'https://m.*****.com/index.php/Home/Xiaoxxf/activity_detail?a_id='+options.id,//含富文本html data: { is_detail:1 }, method: 'GET', header: { 'Content-Type': 'application/json' }, success: function (res) { that.setData({ Article: res.data //一维数组json编码后对象，全部数据 }) 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) { }, })

3、PHP后台接口（本接口仅做示例，未做安全和过滤校验）：

public function activity_detail(){ $is_detail=I('is_detail'); if(!empty($is_detail)){ //富文本html文章 $a_id=I('a_id'); $a_id=intval($a_id)?$a_id:0; if(empty($a_id)){ $data['code']=500; $data['msg']='抱歉,文章已失效'; echo json_encode($data); }else{ //获取结果为指定字段的二维数组，下面截取一维数组 $data=D()->query("select act_detail from xxf_witkey_activity where is_show=1 and a_id=".$a_id." order by a_id desc"); //var_dump($data);return ; $data=$data[0]; $data=stripslashes(implode(',', $data)); $data=str_replace(array('src=http://www.jsgho.com/help/fwq/"/data/uploads/','src=http://www.jsgho.com/help/fwq/"data/uploads/'),array('src=http://www.jsgho.com/help/fwq/"','src=http://www.jsgho.com/help/fwq/"'),$data); echo $data; } }else{ //普通字段(封面、特色、活动名称) $a_id=intval(I('GET.a_id')); $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"); if($data) $data=$data[0]; echo json_encode($data); } }