微信小程序读取本地json

已于 2023-08-08 11:13:45 修改
阅读量4.5k 收藏 11
点赞数 1
文章标签： 微信小程序 json 小程序
于 2023-08-08 11:08:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dwenxue/article/details/132162535
版权

首先在项目录下新建【server】文件夹，新建data.js文件，并定义好json数据格式。如下：

pages/index/index.ts导入data.js并请求json

pages/index/index.wxml页面展示数据

 

云淡风轻58
关注
微信小程序加载本地json和使用gulp压缩js
瑶山的博客
08-13 1428
微信小程序加载本地json 小程序提示"以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理" 使用gulp压缩js
微信小程序加载json文件的两种方法
thankseveryday的专栏
05-17 5442
方法1：使用下载地址。方法2：使用 fileID。
微信小程序获取json页面数据
01-11
微信小程序获取json页面数据
微信小程序怎样进行本地存储的读、写、删、清?同步及异步两种类型
最新发布
hexadecimal_001的博客
08-22 683
虽然微信小程序提供了同步和异步两种方式进行本地存储的读、写、删、清操作，但推荐使用异步方式，以避免阻塞主线程，提升用户体验。同时，开发者应注意本地存储的限制和安全性问题。
微信小程序——本地json数据在小程序中的展示
qq_47801382的博客
11-04 5404
1.新建一个data文件夹（最好是公共文件）， 并在该文件夹内新建了json.js文件，用于存放json数据。 写一个JSON的数组用于存放你的数据 定义一个数据出口（json数据后面定义即可） 2.创建一个文件，在哪个文件中在.js文件中 小提示： 这个require后面的参数是入口文件的文件路径，但是注意必须是相对路径，不能绝对路径。 this.setData方法，指定我们要展示的showJsonList的数据为刚刚我们设置的10组本地Json数据。 3.在...
微信小程序读取json数据
热门推荐
光头强的博客
10-05 5万+
该文章为转载文章 index.wxml <view class='list-head'>列表测试</view> <view class='list-box'> <view class='list-li mflex' wx:for="{{list_data}}" wx:key="index" > <view cl
微信小程序调用json数据接口并解析
outread's blog
05-15 775
微信小程序调用json数据接口并解析
小程序读取本地json数据
weixin_43326122的博客
08-09 2244
/utils/data.js var json=[ { "cat_id": 1, "cat_name": "电视", }, { "cat_id ": 2, "name": "空调", } ] // 定义数据出口 module.exports = { dataList: json } /pages/index/index.js onLoad: function (options) { var d
微信小程序如何调用json数据接口并解析
01-03
开始写js，用request请求接口url，当请求成功的时候，在控制台打印一下返回的res.data数据，在控制台... url: 'https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&out
微信小程序 本地数据读取实例
11-30
微信小程序 本地数据读取实例 一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据。如果涉及到一些针对这些数据的处理方法，也可以把方法写...
python3解析json数据_Python3高级教程
weixin_42134878的博客
01-29 170
Python3 JSON 数据解析JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。Python3 中可以使用 json 模块来对 JSON 数据进行编解码，它包含了两个函数：json.dumps(): 对数据进行编码。json.loads(): 对数据进行解码。在json的编解码过程中，python 的原始类型与...
获取json文件
04-09
利用http接口从网络获取json格式文件 并将其转化成字典 跳过繁琐的数据接受和数据加载方法
微信小程序引用本地js里的json数据
qq_43579525的博客
10-08 3873
1.data.js(本地js里的json数据) var data = [ { "name": "女装", "foods": [ { "name": "A字裙", "key": "A字裙", "icon": "http://img.kiwifruits.cn/classify/1/...
微信小程序 服务器本地请求,微信小程序如何模拟wx.request请求本地的json数据
weixin_33281416的博客
08-12 1367
因为微信小程序目前是一定要https的好像，所以我想本地测试模拟一下，想请求这个数据,我按照如下写法是不行的getVideos:function(){this.setData({hidden:false}); // 设置loading显示var _this = this;// 获取视频列表wx.request({url : '../eg_video_home/eg_video_home.j...
微信小程序——页面中使用本地json数据
asteriaV的博客
06-29 9613
1，创建数据文件 创建一个testdata文件，再创建一个data.js文件用来写我们的json数据 data.js页面： var localData = { "list":[ { "id":55, "name":"小明", "age":18, "month":"2020-5-21", "content":"微信小程序中实现模拟数据报文进行页面展示" }, { "id":56, "
微信小程序中的json格式文件
湾区人工智能
03-24 3362
JSON 是一种数据格式 ，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。 相比于XML ，JSON格式最大的优点是易于人的阅读和编写，通常不需要特殊的工具，就能读懂和修改，是一种轻量级的数据交换格式。 JSON文件都是被包裹在一个大括号中 {}，通过key-value的方式来表达数据。 "navigationBarTitleText": "MiniP...
小程序如何读取本地txt、json等文件的数据(避免乱码)
Edith的博客
08-17 6229
实现思路 选择文件 将文件上传到云存储 通过downloadFile获得文件路径tempFilePath 调用readFileSync根据步骤2的tempFilePath读取文件(不直接读取本地文件是因为微信小程序只能在特定目录下读取本地文件，且考虑到小程序的通用性) 1. 选择文件wx.chooseMessageFile wx.chooseMessageFile({ count: 1, type: 'all', success(res) { console.log("选择文件成.
微信小程序 json数据解析
jfh389987366的博客
05-15 1万+
最近在做微信小程序的项目，因为是新手，发现通过wx.request({}）api向后台请求的json数据始终解析不正确，后台返回的数据是这样的： 开始就直接res.code这样来取数据，发现得到的结果都是undefined，一直都没搞懂是怎么回事，记得在做前端开发时js代码中都是这样取的值，可是到这里却一直取不到，最后通过将返回的res数据转换成string打印出来才明白怎么回事， 通过:va...
微信小程序 excel 转JSON
07-17
在微信小程序中将 Excel 文件转换为 JSON，你可以使用第三方库 `xlsx-parse-json` 来实现。以下是一个简单的示例代码： 1. 首先，安装 `xlsx-parse-json` 库。在小程序的根目录下，执行以下命令： ```bash npm install xlsx-parse-json ``` 2. 在小程序的代码文件中引入 `xlsx-parse-json` 库： ```javascript const xlsxParseJson = require('xlsx-parse-json'); ``` 3. 创建一个函数来处理 Excel 文件转换为 JSON 的逻辑： ```javascript function convertExcelToJson(filePath) { // 读取 Excel 文件 wx.getFileSystemManager().readFile({ filePath: filePath, encoding: 'binary', success: function (res) { const data = new Uint8Array(res.data); const workbook = XLSX.read(data, { type: 'array' }); // 获取第一个工作表 const worksheet = workbook.Sheets[workbook.SheetNames[0]]; // 将工作表转换为 JSON const jsonData = xlsxParseJson.sheetToJSON(worksheet); // 输出 JSON 数据 console.log(jsonData); }, fail: function (err) { console.error(err); } }); } ``` 在上面的代码中，`filePath` 是 Excel 文件的路径。`wx.getFileSystemManager().readFile` 方法用于读取文件内容，并将其转换为 `Uint8Array` 类型的数据。然后，使用 `XLSX.read` 方法将数据解析为 Workbook 对象，再使用 `sheetToJSON` 方法将工作表转换为 JSON 数据。 请注意，上述代码是基于微信小程序的文件系统管理器和异步读取方式。确保你已经在小程序中正确配置了 npm，并且已经引入了 `xlsx-parse-json` 库。 有了这个函数，你可以通过传递 Excel 文件的路径来调用 `convertExcelToJson` 函数，并将 Excel 文件转换为 JSON 数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

云淡风轻58

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值