小程序如何使用json文件

【小程序】小程序读取本地json文件

1.在项目中新建data文件夹内新建存放json数据的js文件；

2.在存放json数据的js文件中定义出口（其中出口名称为regionList,数据名为json）

 3.页面引用：

1、let jsonData = require('../../data/region.js')

 2、onload中给数据传入

     _this.setData({

            multiArray: jsonData.regionList[0].multiArray,

            objectMultiArray: jsonData.regionList[0].objectMultiArray

      })

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获得数据内容，成功从数据库读取数据并输出在页面上。

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

单个json对象数据绑定

页面取值：

---