小程序如何使用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

      })

如果要使用js读取json文件,那么ajax *** 作是必须的了。原生ajax有点麻烦,我想你们项目一定用了什么js库,这里给个jquery的例子:

$.get('xx.json路径', function(data){

    alert(data) // data即为json文件内容里的json数据

}, 'json')

如果把这个文件的内容读取为纯文本,可以修改$.get的最后一个参数json为text,或者删掉这个参数,默认也是text。

1、先定义一个json变量。

2、然后定义这个变量的值,其实一个json对象就是一个obj对象。

3、要添加json对象的元素,直接使用数组下标方式,添加键和值就行了。

4、要为json对象添加对象,我们可以先创建一个对象。

5、然后也是使用数组下标方式,为其赋值为新的对象变量就行了。

6、在浏览器里,我们就可以看到这个json对象了,而且新加的元素和对象都已经在里面了。


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

原文地址: http://outofmemory.cn/tougao/11892121.html

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

发表评论

登录后才能评论

评论列表(0条)

保存