将部分 json（当前作为字符串）分配给 JavaScript 中的变量

Question

我已经被这个问题困扰了很长一段时间，真的找不到解决方案......

作为背景知识 - 我正在使用一个名为“eel”的库将 Python 脚本与 Web GUI 连接起来。

Python 脚本使用 json.dump 生成一个 .txt 文件，如下所示：

{
    "TEST": {"name": "TESTING", "email": "1", "telephone": "2"},
    "Nik": {"name": "test", "email": "1", "telephone": "2"}
}

我正在尝试在python中读取json文件，将数据分配给一个变量：

with open('profile1.txt') as f:
  data = json.load(f)
  eel.my_javascript_function(data)

然后在 JavaScript 端接收：

eel.expose(my_javascript_function);
function my_javascript_function(a) {
  var obj = JSON.stringify(a);
  document.getElementById("demo").innerHTML = obj;

现在，obj 返回整个字符串，如下所示：

{
    "TEST": {"name": "TESTING", "email": "1", "telephone": "2"},
    "Nik": {"name": "test", "email": "1", "telephone": "2"}
}

我遇到的问题是 - 如何将特定信息位分配给该字符串中的变量？

例如，如果我想做一个var a = TEST 或 Nik，是否可以调用更高级别的 json 类别？

此外，我如何在特定类别中调用某些内容，即 json[TEST][name] - 沿着这些思路？

Answer 1

JSON 在 1 处有一个意外的字符 o

这背后的原因是你试图parse JSON 对象。

var obj = {
    "TEST": {"name": "TESTING", "email": "1", "telephone": "2"},
    "Nik": {"name": "test", "email": "1", "telephone": "2"}
}

console.log(JSON.parse(obj));

因此，OP 中的obj 返回JSON object 而不是JSON string。无需再次解析。

工作演示

var obj = {
    "TEST": {"name": "TESTING", "email": "1", "telephone": "2"},
    "Nik": {"name": "test", "email": "1", "telephone": "2"}
}

var test = obj.TEST;
var nik = obj.Nik;
console.log("test", test);
console.log("nik", nik);

Answer 2

我想你想研究一下 JavaScript 端的 JSON.parse() 方法...

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

它可以让您传递嵌套的 JSON 结构，就像 json.dump 在您的示例中提供的那样，然后使用标准 JavaScript 对象操作在其中导航以获取嵌套值或结构。

var foo = '{"TEST": {"name": "TESTING", "email": "1", "telephone": "2"},"Nik": {"name": "test", "email": "1", "telephone": "2"}}';

var fooObject = JSON.parse( foo );

console.log( fooObject );
console.log( fooObject["Nik"] );
console.log( fooObject["Nik"]["email"] );

document.getElementById("myDiv").innerHTML = fooObject["TEST"]["name"];

<div id=myDiv></div>