微信小程序 JS+PHP+MYSQL 怎么获取JSON数据并显示

很简单的想实现这个功能
描述一下微信小程序端用JS发出请求,用的微信自带的wx.request

 checkBoilerCode:function(e){
  if (e.detail.value.boilerCode.length == 0){
     wx.showToast({
       title: '序列号不能为空',
       icon:"loading",
       duration:1500
     })
     setTimeout(function () {
       wx.hideToast()
     }, 2000)
  }
  else{

    wx.request({
      url: 'https://www.klmt001.com/getboilerdata.php', //

      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {

        wx.showModal({
          title: '提示',

  **        content: '成功' + res.data,**
        })
        console.log(res.data)
      }
    })

  }
},

后台PHP为

 ini_set('display_errors','On');

$con = mysqli_connect(*************);
if (mysqli_connect_errno($con))  
{  
    echo "mysql error" . mysqli_connect_error();  
}  
$chillertype = "boiler-001";
$result = mysqli_query($con,"SELECT * FROM boilerInfo where serialNumber = '".$chillertype."'");



**echo json_encode(mysqli_fetch_array($result));**

MYsql的boilerInfo表中的数据为
ID serialNumber SalesDealer placeOForigin
1 boiler-001 上海天河 无锡

直接打开用浏览器直接打开https://www.klmt001.com/getboilerdata.php ,是什么都不显示,什么都没报错,没有返回任何东西
在微信调试 ,也是什么也不显示,然后我用各种res.data[0].ID 或者res.data.ID[0]或者res.data.ID ,res.data.Array[1],res.data.Array.ID等等,都显示没有定义,无法取值

我对JSON不是很熟,我不知道是我PHP里面返回的值出问题了,还是在微信小程序的JS中的取数据的时候出问题了。。请大神帮忙看看

另外,我在PHP 端,我用print_f mysqli_fetch_array($result) 我是可以把MYSQL的查询结果显示出来的,所以查询这一块应该没啥问题,打出来的结果是Array ( [ID] => 1 [serialNumber] => boiler-001 [SalesDealer] => 上海天河 [placeOForigin] => 无锡 )

4个回答

我不知道是我PHP里面返回的值出问题了,还是在微信小程序的JS中的取数据的时候出问题了。
针对这个问题,首先检查接口,方法是,访问接口https://www.klmt001.com/getboilerdata.php。查看返回的数据是否正确,这里应该返回json格式的数据,比如{"message":"添加到购物车了","status":0}这样格式的数据。
接着检查小程序这边,步骤如下,首先确保执行了访问的操作图片说明
图片说明

综上所述,是题主的接口提供的数据有问题。

m0_37716624
秦雅酒食 回复simonfenglei: 微信有个自带的函数可以把返回的数据json话
2 年多之前 回复
daxia_2016
daxia_Chen 回复simonfenglei: 谢谢题主的分啦
2 年多之前 回复
simonfenglei
simonfenglei 可以了。。我在连接前面加了一句mysqli_set_charset($con,"utf8"); 就可以了我也不到为啥要加这句话。。总之谢谢了
2 年多之前 回复
simonfenglei
simonfenglei 大神,多谢分享,但是 怎么解决这个问题呢,我现在 查询的语句应该没问题,输出使用echo json_encode(mysqli_fetch_array($result)); 这句话不能把查询结果json化么?
2 年多之前 回复

你这个问题是php返回json出错 你返回的格式不对 你可以试试自定义设置格式看看

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

微信小程序 JS+PHP+MYSQL 怎么获取JSON数据并显示

很简单的想实现这个功能 描述一下微信小程序端用JS发出请求,用的微信自带的wx.request ``` checkBoilerCode:function(e){ if (e.detail.value.boilerCode.length == 0){ wx.showToast({ title: '序列号不能为空', icon:"loading", duration:1500 }) setTimeout(function () { wx.hideToast() }, 2000) } else{ wx.request({ url: 'https://www.klmt001.com/getboilerdata.php', // header: { 'content-type': 'application/json' // 默认值 }, success: function (res) { wx.showModal({ title: '提示', ** content: '成功' + res.data,** }) console.log(res.data) } }) } }, ``` 后台PHP为 ``` ini_set('display_errors','On'); $con = mysqli_connect(*************); if (mysqli_connect_errno($con)) { echo "mysql error" . mysqli_connect_error(); } $chillertype = "boiler-001"; $result = mysqli_query($con,"SELECT * FROM boilerInfo where serialNumber = '".$chillertype."'"); **echo json_encode(mysqli_fetch_array($result));** ``` MYsql的boilerInfo表中的数据为 ID serialNumber SalesDealer placeOForigin 1 boiler-001 上海天河 无锡 直接打开用浏览器直接打开https://www.klmt001.com/getboilerdata.php ,是什么都不显示,什么都没报错,没有返回任何东西 在微信调试 ,也是什么也不显示,然后我用各种res.data[0].ID 或者res.data.ID[0]或者res.data.ID ,res.data.Array[1],res.data.Array.ID等等,都显示没有定义,无法取值 我对JSON不是很熟,我不知道是我PHP里面返回的值出问题了,还是在微信小程序的JS中的取数据的时候出问题了。。请大神帮忙看看 另外,我在PHP 端,我用print_f mysqli_fetch_array($result) 我是可以把MYSQL的查询结果显示出来的,所以查询这一块应该没啥问题,打出来的结果是Array ( [ID] => 1 [serialNumber] => boiler-001 [SalesDealer] => 上海天河 [placeOForigin] => 无锡 )

我想用php写一个微信小程序后台的json数据接口,该怎么写,流程是什么?

我想用php写一个微信小程序后台的json数据接口,该怎么写,流程是什么?

微信小程序页面间传json字符串后使用JSON.parse方法无法解析json字符串

各位大神好,我最近在做毕业课设,在使用微信小程序端进行页面间的传值时发现原本已经实践成功过的使用url传值的方法突然失灵了,我将json字符串通过url传到目标页面没办法将它使用JSON.parse方法解析成json对象。 最后发现和之前成功过的页面比对,两个页面的onload方法下options下的参数不一样,成功的页面的options.title能够获取到而解析失败的页面使用options.title是没办法获取到值的 。这是什么原因呢?应该怎么解决? 下面放出图片对比 ![](https://img-ask.csdn.net/upload/201905/25/1558779759_666380.png) 这张图片是已经成功传值并且解析过的别的页面的onload方法 ![图片说明](https://img-ask.csdn.net/upload/201905/25/1558779799_504124.png) 这是我无法解析的页面截图 希望大神能帮我找出问题在哪里 小弟愿意请您喝一杯星巴克!!!!求求大家啦!!!(加我微信就可以喝哦)

求微信小程序 图片轮播接口 或返回的json数据

求微信小程序 图片轮播接口 或返回的json数据 4张图片轮播 调用API接口!

微信小程序 WX for 数据绑定

![图片说明](https://img-ask.csdn.net/upload/201904/13/1555146952_618257.png) ![图片说明](https://img-ask.csdn.net/upload/201904/13/1555147197_958576.png)![图片说明](https://img-ask.csdn.net/upload/201904/13/1555147217_16973.png) 刚接触微信小程序,这是wxml,js 的代码,我想完成数据绑定,但是为什么都是养胃?

微信小程序访问mysql的云函数

以下为个人看腾讯云大学视频做的,访问不了,请大神帮助,最好连同调用index.js。 // 云函数入口文件 const cloud = require('wx-server-sdk'); const mysql = require('mysql2/promise'); cloud.init() // 云函数入口函数 exports.main = async (event, context) => { const connection = await mysql.createConnection({ host:'cd-cdb-1y88ppya.sql.tencentcdb.com', user:'root', database: 'rkjsjy', password: '123456' }) const [rows, fields] = await connection.execute('select * from a_user') return } 数据库是我在腾讯云买的mysql数据库,在vfp里已经正常链接了 看腾讯云大学视频。

微信小程序接收VS传过来的JSON数据后工具模拟器中显示但真机不显示

![图片说明](https://img-ask.csdn.net/upload/201806/16/1529078686_364324.png) ![图片说明](https://img-ask.csdn.net/upload/201806/16/1529078703_520528.png) ![图片说明](https://img-ask.csdn.net/upload/201806/16/1529078711_114558.png) ![图片说明](https://img-ask.csdn.net/upload/201806/16/1529078965_4421.png) 现在的情况是,没有报错,会有警告,但应该不会运行的。 但只有工具的模拟器能显示proList的数据,真机上不显示~~ 我现在IIS配置正确了,文字可以在真机上查看到了,但是图片还不行,可能还是路径配置的不正确55555555 ![图片说明](https://img-ask.csdn.net/upload/201806/16/1529150842_669515.png) ![图片说明](https://img-ask.csdn.net/upload/201806/16/1529150866_926516.png) ![图片说明](https://img-ask.csdn.net/upload/201806/16/1529150876_478367.png) ![图片说明](https://img-ask.csdn.net/upload/201806/16/1529150884_160168.png) ![图片说明](https://img-ask.csdn.net/upload/201806/16/1529150891_75572.png) 这个图片路径我应该怎么写啊~ # 问题解决了 把外网跟路由做了映射就好了

微信小程序不能正确接收后端返回的json数据

后端代码 ![图片说明](https://img-ask.csdn.net/upload/201804/21/1524293907_496604.png)请求 ![图片说明](https://img-ask.csdn.net/upload/201804/21/1524294129_527561.jpg) res.data如下 ![图片说明](https://img-ask.csdn.net/upload/201804/21/1524294232_199581.jpg) 怎么让res.data为json

微信小程序如何获取公众号内容列表并在小程序中显示

请问微信小程序想要实现一个链接可以获得微信公众号里的内容应该怎么做?微信公众号是第三方的,不是自己的。

微信小程序怎么获取图片

在微信小程序上点击一次获取一张图片,在点击一次在获取一张,上一张不覆盖,

小程序后台php返回JSON结果在开发环境与真机上为什么不一致

在实验一个简单的微信小程序,前台用wx.request请求数据后台php返回一个JSON格式的字符串. 遇到了一个奇葩现象:开发环境显示正常(含有后台传回数据)但真机测试时只显示前台的内容未能显示后台传回的数据。 检查发现小程序后台php返回的JSON结果,在小程序开发环境下能被正确识别为JSON对象, 但真机测试时却被识别为字符串, 而且用JSON.parse(res.data)也不能转换成JSON对象。 有碰到过这个问题的童鞋么? 应该怎么解决呢? 谢谢 前台代码: wx.request({ url: app.globalData.mallDomain + '/TestPhp.php', success: function (res) { console.log(res.data); // 能收到正常的JSON数据, 后续显示正常 var myData = res.data; if (typeof myData == 'object') { wx.showModal('这是JSON对象'); //开发环境,到这儿 } if (typeof myData == 'string') { wx.showModal('这是JSON string'); //真机环境,走这儿 myData = JSON.parse(res.data); //数据无法转为正常的JSON对象,后续显示崩溃 } } }) ....... 后台php产生的数据:‘ {"code":0,"data":[{"dateAdd":"2017-04-06 10:16:40","icon":"https://cdn.it120.cc/apifactory/2017/04/23/dcbc320d330a3057e46879598f336da7.jpg","id":35,"isUse":true,"key":"czxf","level":1,"name":"水果","paixu":0,"pid":0,"type":"","userId":51},{"dateAdd":"2017-04-06 10:16:49","icon":"https://cdn.it120.cc/apifactory/2017/04/23/d3d2c6e15e21b8cb6a7bbeabd4da5242.jpg","id":36,"isUse":true,"key":"xhp","level":1,"name":"蔬菜","paixu":0,"pid":0,"type":"","userId":51},{"dateAdd":"2017-04-06 10:17:00","icon":"https://cdn.it120.cc/apifactory/2017/04/23/dad06a09c5ed85b874055d33ba7e312a.jpg","id":37,"isUse":true,"key":"hf","level":1,"name":"副食","paixu":0,"pid":0,"type":"","userId":51}],"msg":"success"}’

微信小程序js里如何根据id来改变style

微信小程序js里如何根据id来改变style,类似于点赞的功能

把串口的数据显示在微信小程序需要哪些知识?

想做个课设,可以把单片机获取的数据传到微信小程序端显示,但是不知道需要用到哪些知识?

微信小程序获取云数据库数据后怎么使用这些数据?

我利用云函数获取了云数据库里的地理位置信息,怎么用这些地理位置信息去计算距离。 ``` wx.cloud.callFunction({ name: 'abc', complete: res => { console.log(res) ``` latitude: 23.08383, long: 30, longitude: 114.38273, 我利用这个代码获取到了经纬度,但我怎么用这个数去计算距离呢?

关于微信小程序请求服务器和服务器返回数据的疑问

当微信小程序的两个不同用户在同一功能实现上同一时间向服务器请求数据,服务器在返回数据时会不会发错用户? 我想做的微信小程序后台是用Java编写的,用Tomcat做服务,用servlet来响应小程序请求

[附代码]微信小程序json问题,为什么重复数据了,请看问题描述?

总体效果是这样: 总价调用json返回的数据字段【jine】 而产品详情是调用json返回的数据字段【name】 ------------------------------------------------- **以下是截图是出现bug的问题。出现错误是【总价】和【产品详情】都调用一样的数据。** ![图片说明](https://img-ask.csdn.net/upload/201902/05/1549358406_178723.png) --------------------------- **以下是核心调用代码,请各位指点一二,谢谢。** ``` onLoad: function (options) { var that = this; //定义从列表传过来的options.id var id = options.id; wx.request({ url: 'https://XXXXXXXXXXXXX/XXXXX.php?id=' + id, data: { p: this.data.page, type: this.data.currentType }, method: "GET", header: { 'content-type': 'application/json' }, success: function (res) { var list = res.data.jsdata; for (var i = 0; i < list.length; i++) { //循环遍历 var cur_person = list[i].id; //定义id var ceshi = list[i].name; //定义字段 var jine = list[i].jine; //判断从列表传过来id if (cur_person == id) { //如果id相同则输出该条数据字段 that.data.list.push(ceshi); that.data.list.push(jine); } } that.setData({ //渲染返回字段 ceshi: that.data.list, jine: that.data.list, }); } }); }, ```

微信小程序请求数据request

微信小程序请求开发平台的数据必须是https请求,但是我的本地是http,本地项目要换成https该怎么做啊

微信小程序在安卓上不显示数据

我写了一个翻译小程序,英译汉在安卓上显示正常,汉译英显示异常,打印的结果是 query errorcode:30 ,这是什么原因,请大神们分析分析

微信小程序request请求后端数据返回undefined是什么原因

报错: ![图片说明](https://img-ask.csdn.net/upload/201904/18/1555571848_169965.png) detail.js onLoad: function (options) { let _id = options._id; console.log("详情页接收的_id值:" + _id); //请求文章详情页 wx.request({ url: 'http://localhost/home.html?_id=' + _id, headers: { 'Content-Type': 'application/json' }, success: function(res) { let content = res.data.content; console.log("文章详情页如下:") console.log(content); } }) }, detail.wxml ``` <text>{{content}}</text> ``` 本地数据: ![图片说明](https://img-ask.csdn.net/upload/201904/18/1555571758_149676.png)

微信小程序已经获取到数据id,如何打印、删除?

一个选课退选功能 这是查询数据的id的代码,res.data[0]._id结果没问题,但id打印不出来: ``` DB.get({ success(res) { console.log("查询成功", res.data[0]._id) this.setData({ id:res.data[0]._id }) console.log("查询id",this.data.id) } }) ``` 这是控制台显示: ![图片说明](https://img-ask.csdn.net/upload/202005/14/1589439556_933394.png) 这是退选的代码打印显示undefined,但我最开始定义了id为空 ``` tuixuan(){ console.log("查询id",this.data.id) DB.doc(id).remove({ success(res) { console.log("删除成功", res) wx.showToast({ title: '删除成功', }) }, fail(res) { console.log("删除失败", res) wx.showToast({ title: '删除成功', }) } }) } ``` 请教大佬为什么id打印不出来,还有删除数据是这样写吗,非常感谢。

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# 解析cad c#数字格式化万 c#int转byte c#格式化日期 c# wpf 表格 c# 实现ad域验证登录 c#心跳包机制 c#使用fmod.dll c#dll vb 调用 c# outlook
立即提问
相关内容推荐