代码之家 › 专栏 › 技术社区 › 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>

推荐文章

James.Alocard · Cypress给出“此浏览器或应用程序可能不安全”的谷歌身份验证

1 年前

Scott Chambers · React和Electron应用程序提示我使用了无效的钩子调用

1 年前

Brandon Mulas · 如何在electronic+webpack中从Main进程获取javascript对象到Renderer进程

1 年前

KiYugadgeter · Electron dialog.showOpenDialog不尊重Linux上的筛选器

1 年前

Kerwen · 如何将Electron日志消息输出到CMD控制台

1 年前

Web Experts · 在电子上创建屏幕共享应用程序的问题

1 年前

CB700 · 为什么我的includes语句需要整个字符串?

1 年前

ysaito · Electron:如何在React中为子窗口按钮添加功能

1 年前

Ada · 电子生成器MSI安装程序asar文件太大

2 年前

Gab · 如何优化Electron JS应用程序的大小?

2 年前