从单个文件获取数据并注入4个HTML页面的最简单方法

时间:2016-11-28 18:31:44

标签: javascript jquery html angularjs json

我有一个餐厅的静态网页。菜单每年更换两次。网站是双语的。

我想知道你会建议达到这样的效果 -  我想更改一个(不是四个像现在)文件(可以是文本,JSON,无论)并在这些页面上查看结果 - 应该更新一种语言的两个页面,另外两个。我不想搞乱任何类型的CMS(我是一个前端开发人员,不想进入SQL / PHP等等)。我想也许jQuery或AngularJS可以做到这一点?但是如何?

文件本身可能是这样的:

en_Tea | de_Tea
en_sandwich | de_sandwich
en_pizza | de_pizza

或某种JSON ......

2 个答案:

答案 0 :(得分:0)

您可以执行类似添加导入到整页文件的存根.js文件的操作。在存根文件中,您可以简单地使用一个函数来构建具有您喜欢的任何值的常量数组。然后,代码的调用部分可以使用他们想要的值。

答案 1 :(得分:0)

Check jQuery Ajax functions & methods

你可以使用一些:

  • $.ajax() - 最易配置的。

  • .load() - 添加了一些功能,允许您定义文档在何处插入返回的数据。

  • $.get() - 抽象出一些配置,为它隐藏的内容设置合理的默认值。

    大部分都是$.ajax()

  • 的缩写

您可以在点击某些元素时发出这些请求,并在不必刷新整个页面的情况下执行/替换特定内容。