微信小程序post传输json数据的简单介绍

小蓝 • 2024-12-11 01:05 • 编程

本文目录一览：

通过wx.request获取到服务器数据之后将数据(一个json对象)绑定至post数组，然后页面中获取数据的时候可以直接通过（数组名.属性）直接取值。数组中有多个json对象的话，则需要wx:for遍历取值。

单个json对象数据绑定

页面取值：

是解析json数据吧, json_decode($str)可以把字符串变成数组。

yuanmouren.erlyun.com这个有空来看看。

关于“小程序如何要把文件传送到远程服务器上”的问题，分以下几步：

1. 手机中上传文件，先使用wx.uploadFile　接口

2. 把数据包装到 json对象中，用 wx.request.post 接口把数据发送到你的服务器

3.服务器要接收小程序发过来的数据，就要用到后端语言，如果没有接触过的话，就学 node.js　或 PHP，环境怎样配置可以在网上搜索到

4.安装好环境后，学习一下怎样上传文件，并把上传的文件保存到服务器，这里的上传可以直接用先在网页中测试，网页中会上传后保存到服务器了，小程序中也应该就会了。

所以，现在的重要是你要先学会一门后端语言；当然 node.js　就是 js，语法不用重复学，但后端的逻辑与前端是不一样的，自己看看网上的教程学一学。

1、小程序前端语言采用了 JSON WXML WXSS JS相当与就是 HTML5+CSS+JavaScript。

2、首先需要一个javascript文件或者html文件下的script标签。

3、引入jquery。

4、定义一个json格式的字符串。

5、转换成json格式后输出。

6、打开浏览器，右键-属性，访问这个html就可以看到输出的结果了。

可以自己去配置那个request域名到自己的服务器，然后用自己的服务器保存数据

1、在MYSQL中新建一个test数据库，在里面新建一张type数据表，下面将从该表获得数据。

2、新建一个project小程序项目。

3、在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在index.wxml页面。

4、在index模块中index.js页面，在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递参数的方式，header用于设置请求的数据类型，success是成功获得数据后的操作。

5、在index.wxml页面，使用for循环遍历输出index.js传递过来的数据data，通过item将data数据输出在页面。

6、在服务端新建一个api.php页面来接收微信小程序的数据请求。

7、最后编译微信小程序，查看从数据表type获得数据内容，成功从数据库读取数据并输出在页面上。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/231522.html