使用Ajax将页面重新加载为空

时间:2014-11-01 18:11:02

标签: javascript jquery ajax wordpress

我在静态HTML中创建了一个应用程序,现在我有了一个想法:

使用wordpress插件将wordpress页面转换为JSON对象(标题,副标题,内容,日期等),然后我可以使用ajax = WP将我的静态html应用程序中的内容拉到我的CMS。

好的,它正在显示信息,但现在出现了真正的问题:

每次用户点击菜单中的目标网页时,都会触发ajax,例如:

1 - 用户点击菜单中的“关于我们”。 2 - Ajax是触发器,从Wordpress中的“关于我们”页面提取信息 3 - 内容以html格式显示。

问题:如果用户重新加载页面,则内容将不再显示。

我该如何解决?

1 个答案:

答案 0 :(得分:0)

如果您希望页面重新加载以恢复完全相同的动态构造内容,那么您必须做两件事:

  1. 无论何时动态修改页面,都必须更新URL(以不重新加载页面的方式),以便URL包含足够的信息,以便向代码传达页面的状态。

  2. 加载页面时,您必须查看URL中的参数,并在页面初始化过程中重建所需的页面。

  3. 执行此操作的一种常见方法是在URL中使用哈希标记(例如,#之后的信息)来传达页面的状态。然后,在重新加载之后,您的页面初始化代码将查看URL中的哈希标记,以确定它应该添加到页面的动态内容以重建页面。