代码之家 › 专栏 › 技术社区 › leonheess

将JSON信息存储在HTML文件中或以其他方式存储

electron html5 json jquery javascript

leonheess · 技术社区 · 7 年前

这个标题可能有点让人困惑,但我不知道该怎么说。我在一个.JSON文件中有一些JSON编码的数据:

{"foo":"bar", "bar":"foo", "far":"boo"}

<h1>I'm a Title</h1>
<p>Lorem Ipsum</p>
<br>
<img src="./media/foo.png">

有一个jQuery脚本从两个文件中获取数据( $.getJSON() 和 $(#div).load() )创建一个带有预定义标题的页面,使用html作为内容,使用json数据创建一些按钮(key=destination&值=名称)。

因为这个项目有很多这样的页面,所以我希望只有一个文件同时保存HTML内容和JSON数据,所以我只需要一个文件就可以访问一个页面。所以问题是: 如何将JSON和HTML数据存储在一个文件中,以便jQuery能够访问、区分和处理它们?

这是电子应用的一部分,但我不确定这是否对那个问题有意义。

1 回复 | 直到 7 年前

Juan 7 年前

json文件的内容(假设它是json对象)可以分配给脚本标记中html文档中的javascript变量。

foo ,您使用 theJsonObject.foo ;

for (let prop in theJsonObject) {  
  console.log( prop + ": " + theJsonObject[prop] );
};

<html>
  <head>
      ....
      <script>
         var theJsonObject = {"foo":"bar", "bar":"foo", "far":"boo"};
      </script>
  </head>
  <body>
      ....
  </body>
</html>

推荐文章

Sweepy Dodo · JSON lite的格式化

8 月前

SebMa · 为什么我用mikefarah/yq得到两倍的JSON输出?

9 月前

Dione Saturn · JSON、fetch、HTML中的javascript和未定义或空字符串[重复]

9 月前

user24242514 · 将嵌套查询字符串请求转换为字典

9 月前

Shane Harley · 通过这些JSON元素进行映射

9 月前

Milenko Markovic · 如何使用Python读取JSON?操作系统错误:[Errno 36]文件名太长:

9 月前

Shane Harley · 将HTML作为JSON字符串的一部分?

9 月前

user6631314 · 使用PHP从api响应中提取视频数据[复制]

9 月前

Matt Miles · 如何将嵌套的JSON转换为数据帧?

9 月前

ololo · 不支持目录导入

9 月前