您查询的关键词是:php 解析 接口 
下面是原始网址 http://www.jb51.net/article/116123.htm 在 2021-04-28 23:38:19 的快照。

360搜索与该网页作者无关,不对其内容负责。

微信小程序调用PHP后台接口 解析纯html文本_javascript技巧_脚本之家

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

 更新时间:2017年06月13日 17:15:32   作者:PHP急先锋  
这篇文章主要为大家详细介绍了微信小程序调用PHP后台接口解析纯html文本的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

微信小程序调用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编码后对象
})
/**
* 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页面引入模板代码:

<import src="../../wxParse/wxParse.wxml"/>
<!--这里可以添加其他的任何wxml代码-->

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

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

// 引入wxParse.js解析文件
var WxParse = require('../../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编码后对象,全部数据
})
/**
* 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) { },
})

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{
/* php方法:stripslashes() 将html文章去掉json转移字符\ --xzz0608*/
//获取结果为指定字段的二维数组,下面截取一维数组
$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="/data/uploads/','src="data/uploads/'),array('src="http://www.xxiangfang.com/data/uploads/','src="http://www.xxiangfang.com/data/uploads/'),$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);
}
}

为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JS数组方法join()用法实例分析

    JS数组方法join()用法实例分析

    这篇文章主要介绍了JS数组方法join()用法,结合实例形式分析了JS数组join()方法具体功能、定义、使用方法及相关操作注意事项,需要的朋友可以参考下
    2020-01-01
  • javascript实现的猜数小游戏完整实例代码

    javascript实现的猜数小游戏完整实例代码

    这篇文章主要介绍了javascript实现的猜数小游戏,游戏中用户共有10次猜测机会,并且每次都有不同的提示信息,该游戏涉及javascript流程控制与数值运算的相关技巧,需要的朋友可以参考下
    2016-05-05
  • 解析javascript 实用函数的使用详解

    解析javascript 实用函数的使用详解

    本篇文章对javascript中的一些实用函数进行了详细的分析介绍,需要的朋友参考下
    2013-05-05
  • 修改ligerui 默认确认按钮的方法

    修改ligerui 默认确认按钮的方法

    下面小编就为大家带来一篇修改ligerui 默认确认按钮的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • 基于匀速运动的实例讲解(侧边栏,淡入淡出)

    基于匀速运动的实例讲解(侧边栏,淡入淡出)

    下面小编就为大家带来一篇基于匀速运动的实例讲解(侧边栏,淡入淡出)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 设置cookie指定时间失效(实例代码)

    设置cookie指定时间失效(实例代码)

    下面小编就为大家带来一篇设置cookie指定时间失效(实例代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • JavaScript+CSS实现的可折叠二级菜单实例

    JavaScript+CSS实现的可折叠二级菜单实例

    这篇文章主要介绍了JavaScript+CSS实现的可折叠二级菜单,以完整实例形式分析了JavaScript基于页面元素节点及样式的动态操作实现折叠菜单的相关技巧,需要的朋友可以参考下
    2016-02-02
  • js实现带关闭按钮始终显示在网页最底部工具条的方法

    js实现带关闭按钮始终显示在网页最底部工具条的方法

    这篇文章主要介绍了js实现带关闭按钮始终显示在网页最底部工具条的方法,是非常实用的javascript固定效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • DOM操作一些常用的属性汇总

    DOM操作一些常用的属性汇总

    这篇文章主要介绍了DOM操作一些常用的属性汇总,总结的相当全面,附上示例,是篇非常不错的学习提高DOM操作的文章,推荐给大家。
    2015-03-03
  • 原生Javascript插件开发实践

    原生Javascript插件开发实践

    本文主要介绍了原生Javascript插件开发实践思路与代码,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01

最新评论