热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何在.js文件中加载本地.JSON文件

如何解决《如何在.js文件中加载本地.JSON文件》经验,为你挑选了1个好方法。

问题无法在与节点一起旋转的Javascript文件中加载本地JSON文件.

细节

问题很简单,但我没有在浏览器中提供Javascript文件.我有一个具有逻辑的Javascript文件,然后我将其旋转:

node main.js

我搜索了一些解决方案,他们建议使用JQuery或XMLHttpRequest,但它们似乎遇到了与我在浏览器中没有服务的事实相关的问题.

项目背景

我正在使用树莓PI从红外温度传感器获取数据.我使用python来计算电压,转换为摄氏度,然后将其导出为JSON文件.然后我计划将此文件加载到我的Javascript文件中,然后配置角度火灾数据库并推送此数据.

我有一个前端应用程序,然后将其拉下来并向用户显示最终数据.

如果我使用JQuery:

选项1

样品:

$.getJSON("test.json", function(json) {
    console.log(json); // this will show the info it in firebug console
});

错误

$.getJSON is not a function even though I am requiring jQuery.
选项2

如果我使用纯Javascript,我明白了

样品

 function loadJSON(callback) {   

    var xobj = new XMLHttpRequest();
        xobj.overrideMimeType("application/json");
    xobj.open('GET', 'my_data.json', true); // Replace 'my_data' with the path to your file
    xobj.Onreadystatechange= function () {
          if (xobj.readyState == 4 && xobj.status == "200") {
            // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode
            callback(xobj.responseText);
          }
    };
    xobj.send(null);  
 }

错误

xobj.overrideMimeType is not a function
TL/DR

如何将本地JSON文件加载到未加载到浏览器中的Javascript文件中,而是将其与节点一起旋转,

node main.js

Explosion Pi.. 6

Node.js可以加载JSON文件require.请参阅此处的文档:https://nodejs.org/api/modules.html#modules_all_together

如果文件名以.开头 './' or '/' or '../'

如果filename.json是一个文件,则将filename.json解析为Javascript对象.停

很可能你想要的是const json = require('./test.json')假设test.json与需要它的代码在同一目录中.请记住,require 解析 JSON,因此json在示例中是一个Javascript对象.



1> Explosion Pi..:

Node.js可以加载JSON文件require.请参阅此处的文档:https://nodejs.org/api/modules.html#modules_all_together

如果文件名以.开头 './' or '/' or '../'

如果filename.json是一个文件,则将filename.json解析为Javascript对象.停

很可能你想要的是const json = require('./test.json')假设test.json与需要它的代码在同一目录中.请记住,require 解析 JSON,因此json在示例中是一个Javascript对象.


推荐阅读
  • 使用 Azure Service Principal 和 Microsoft Graph API 获取 AAD 用户列表
    本文介绍了一段通用代码示例,该代码不仅能够操作 Azure Active Directory (AAD),还可以通过 Azure Service Principal 的授权访问和管理 Azure 订阅资源。Azure 的架构可以分为两个层级:AAD 和 Subscription。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • XNA 3.0 游戏编程:从 XML 文件加载数据
    本文介绍如何在 XNA 3.0 游戏项目中从 XML 文件加载数据。我们将探讨如何将 XML 数据序列化为二进制文件,并通过内容管道加载到游戏中。此外,还会涉及自定义类型读取器和写入器的实现。 ... [详细]
  • 基于KVM的SRIOV直通配置及性能测试
    SRIOV介绍、VF直通配置,以及包转发率性能测试小慢哥的原创文章,欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]
  • 本文详细记录了在基于Debian的Deepin 20操作系统上安装MySQL 5.7的具体步骤,包括软件包的选择、依赖项的处理及远程访问权限的配置。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • 本文深入探讨 MyBatis 中动态 SQL 的使用方法,包括 if/where、trim 自定义字符串截取规则、choose 分支选择、封装查询和修改条件的 where/set 标签、批量处理的 foreach 标签以及内置参数和 bind 的用法。 ... [详细]
  • 深入解析Spring Cloud Ribbon负载均衡机制
    本文详细介绍了Spring Cloud中的Ribbon组件如何实现服务调用的负载均衡。通过分析其工作原理、源码结构及配置方式,帮助读者理解Ribbon在分布式系统中的重要作用。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 本文详细介绍了 Apache Jena 库中的 Txn.executeWrite 方法,通过多个实际代码示例展示了其在不同场景下的应用,帮助开发者更好地理解和使用该方法。 ... [详细]
  • 本文介绍如何使用阿里云的fastjson库解析包含时间戳、IP地址和参数等信息的JSON格式文本,并进行数据处理和保存。 ... [详细]
  • 根据最新发布的《互联网人才趋势报告》,尽管大量IT从业者已转向Python开发,但随着人工智能和大数据领域的迅猛发展,仍存在巨大的人才缺口。本文将详细介绍如何使用Python编写一个简单的爬虫程序,并提供完整的代码示例。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
author-avatar
好富饶_152
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有