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

Question

问题无法在使用 Node 旋转的 javascript 文件中加载本地 JSON 文件。

详情

问题很简单，但我没有在浏览器中提供 javascript 文件。我有一个具有逻辑的 javascript 文件，然后我将其旋转起来:

node main.js

我在谷歌上搜索了一些解决方案，他们推荐使用 JQuery 或 XMLHttpRequest，但他们似乎遇到了与我没有在浏览器中提供此服务这一事实相关的问题。

项目背景

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

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

如果我使用 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 启动，

node main.js

Answer 1

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

• 如果文件名以 './' 或 '/' 或 '../' 开头
  • 如果 filename.json 是一个文件，将 filename.json 解析为一个 JavaScript 对象。停止

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