javascript - 从 JSON 文件生成页面
问题描述
我有一个 JSON 文件,其中包含该文件中每个人的信息(姓名、简历、图片等)。
我想知道什么技术可以让我从那个 JSON 文件中的人生成网页:例如,如果 url 是,site.com/person/steve
那么它将steve
在 JSON 中找到名称并显示信息(名称、简历、图片等...)关于史蒂夫。
最好我能够通过抓取 URL 并在 JSON 中找到匹配项来制作 persontemplate.html 以及任何可以填充相关部分的技术。
我当前的系统使用 JS 和 node.js,所以如果我能保持在这些范围内,那就太好了,但不是必需的。
我已经阅读了其他 stackoverflows,但它们并没有解决我的问题。
非常感谢。
解决方案
我不确定将 ajax 与节点一起使用来呈现视图的意义何在?它比使用模板引擎更复杂吗?
因此,您可以使用 express(使用 npm 安装)和 handlebars(也可以使用 npm 安装)从后端渲染 .hbs 文件res.render('views/nameOfYourFile.hbs')
如果您不想使用车把,也可以使用作为 express 的默认模板引擎的 jam。
但是,如果您真的想使用 ajax 从后端获取数据,那么只需script
在您的页面上运行 a,它会window.location
使用 GET 获取(当前 url),以便使用该 url 进入您的后端并在您的后端使用 res.send()发送该json数据的函数。但它比使用 express 复杂得多……这取决于你想要做什么。
推荐阅读
- angularjs - 如何纠正以下代码的解析错误
- google-apps-script - 为什么 getProperty 会崩溃?
- r - 如何在 rstan 中使用包中的发行版?
- visualization - turicreate 可视化决策树
- java - Spring Hibernate,GET Query,Hibernate Query 已成功形成,我能够从 DB 获取数据,但是当我从浏览器中点击它时,它会抛出 404
- google-apps-script - 自定义 Google Data Studio 连接器的数据类型 DURATION 失败
- memory - CUDA 合并和全局内存
- function - 要运行的数据:必须将哪些数据传递给 minikanren 才能获得评估?
- java - Android 自定义属性返回 null
- python - 我将如何扭转这一局面?蟒蛇 3.8