小程序如何使用json文件

小程序如何使用json文件,第1张

【小程序】小程序读取本地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

      })

JSONP: 一种非官方跨域数据交互协议

小程序: 不存在跨域问郑悉氏题

解决: 后台动态调陆并用并有数据交互喊散

小程序端: 基础请求

nodejs 后台端: 调用方法名 + 参数

请求结果:

调用成功:

调用服务器端后姿氏台接口数据是直接 wx.request发起的是 HTTPS 请求迹族散,发送指定的 data 数据参数到服务器接口。

服务器接口根据参数返回 json结果,然后微信小程序调用这些返回的 json 数据。

微信小程序使用API中心来开发

首先使用自己的APPID在开发者工具创建一个项目。

在项目里面写上访问API中心的接口。

启动模拟器查看,提示为域名不在以下合法列表中,这是因为我们还没有在小程序后台设置我们的穗乱合法域名。

我们登录微信小程序后台去找到设置合法域名的地方。

到开发设置里面编辑上域名,这里填写https://api.wxappclub.com/

回到我们的开发者工具点击预览。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/8282552.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存