微信小程序调用PHP后台接口解析纯html文本_网络技术

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

发布时间 - 2026-01-11 01:52:06 点击率：次

微信小程序调用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);
  }
 }

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

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

# 微信小程序调用PHP后台接口 # 微信小程序解析纯html文本 # 微信小程序解析纯html # 使用微信小程序API # 调用微信的各种内置能力。 # 微信小程序如何调用新闻接口实现列表循环 # 微信小程序如何调用图片接口API并居中显示 # 微信小程序如何调用json数据接口并解析 # 微信小程序调用微信登陆获取openid及java做为服务端示例 # 浏览器HTML5页面或短信链接如何调用唤起微信小程序（URL Scheme）？ # 是由 # 其他的 # 较高 # 解决问题 # 小编 # 大家多多 # 程序开发 # 未做 # 执行文件 # header # Content # CONNECT # TRACE # HEAD # OPTIONS # POST # DELETE # PUT # Type # article

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：c++中的SFINAE怎么用 c++模板元编程技巧【详解】

下一篇：宁乡小程序开发：开启便捷生活新篇章

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：c++中的SFINAE怎么用 c++模板元编程技巧【详解】

下一篇：宁乡小程序开发：开启便捷生活新篇章

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

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