使用JQuery读取多个JSON文件

时间:2017-11-07 12:36:14

标签: jquery json

我有一个带有多个Writers的主JSON文件,每个号码的一个属性是ID号。

所以在html中我使用“append()”来复制这些信息:

Writer 1
properties of Writer1

Writer 2
properties of Writer2

Writer 3
properties of Writer3

...

然后我有多个JSON文件,这些ID号作为名称(所以我有尽可能多的JSON作为编写者)。这些文件包含相应作者的已出版书籍列表。

所以我想为每个作者创建一个HTML页面,其中包含已出版书籍的列表。

像这样:

Writer 1 (link to writer1 books)
properties of Writer1

Writer 2 (link to writer2 books)
properties of Writer2

Writer 3 (link to writer3 books)
properties of Writer3


----------New page for writer1-----------
book1
book2
book3
book4
book5

----------New page for writer2-----------
book1
book2
book3
book4
book5

----------New page for writer3-----------
book1
book2
book3
book4
book5

是否有任何功能可以做到这一点?不追加()因为我想要新的html页面

1 个答案:

答案 0 :(得分:1)

假设您在浏览器中运行javascript,则无法生成新的html文件。这将需要您的浏览器修改您的计算机/服务器的文件系统,它(除了某些例外)没有权限。

如果您希望能够在请求时动态生成页面(例如,有人访问yoursite.com/writer/1并且您想要显示关于第一位作者的页面),那么您将面临漫长的旅程。存在许多解决方案,你应该研究 single page application frameworks ,这是基于给定url路径和一些数据库动态生成页面的想法(在你的情况下,只是一个json文件) 。还有其他框架,SPA现在非常热门,可以保留JS中的所有内容。

实现'page like'行为而不实现框架或类似(在您的情况下听起来有点过分)的一种方法是在单击链接时显示弹出窗口或重构页面。例如,如果有人点击“作家1”,您可以使用jQuery's .hide() method隐藏所有其他作家,并将您的额外信息附加到剩余的作家。这不会创建新页面,但您可以使它看起来像manipulating the browser's history.