小程序如何使用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 后台端: 调用方法名 + 参数

请求结果:

调用成功:

各种开发其实都是有插件的,之前我以为小程序没有,没想到后来又有了,昨天动手想集成两个插件试试,没想到一波三折,这里记录一下我踩的坑

1、在微信公众平台后台,登录,设置-第三方服务-添加插件。这里以添加"极点日历"为例

注意最多只能添加5个哦

2、搜索你要的插件,并添加

添加成功陆碧后,就可以在插件管理下面看到你添加的插件了

3、在app.json中添加插件

这里的插件名可以自己随意取

这里以tx-map为例,参考它的文档

在app.json中添加相关信息

而provider即AppID,version即版本号

在项目中具体怎么使用,要看开发文档,而开发文档我发现有些插件有,有些插件并没有,反正自己多查查吧

4、在目标页面的json文件里引用早弊举该插件

注意这里的tx-map即在app.json取的那个名字,而map-route也可以自己取,这里取啥,到时候wxml里用的组件就是这个名字

5、在目标页面的wxml文件里使用该插件

如果要使用插件的 js 接卜稿口的话,在js里,使用requirePlugin(在app.json里命名的插件的名字),就能获得插件对象,比如:

6、查看效果

这个你可以尝试调整你的调试基础库版本,我之前是1.9.1,调整到2.1.1就好了。

这个真心没搞懂,因为这个错误是看心情出现的,一会儿好一会儿不好的,有点不稳定的样子,据说是降低调试基础库版本

这个也是看心情出现的(目前仍然是懵逼脸,不晓得是我错了,还是插件有问题)


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

原文地址: https://outofmemory.cn/yw/12296195.html

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

发表评论

登录后才能评论

评论列表(0条)

保存