通过GET请求加载上一页中的模板页面的数据?

时间:2019-04-05 17:56:10

标签: javascript ajax object templates

我想加载一个新的模板页面,其中包含通过上一个调用插入的数据。

我有一个生成的项目列表,它们链接到常规项目页面,但是没有php,一切都丢失了。

我当时正在考虑使用href =“ page.html#itemid”,然后通过查询网址来查找商品。

这是想得太多吗?还有更简单的方法吗?

1 个答案:

答案 0 :(得分:0)

我假设在当前页面上,您已经使用AJAX加载了需要在新模板页面上显示的所有数据,对吗?

我可以想到多种方法来做到这一点。这仅取决于您数据的性质:

  1. 取而代之的是弹出窗口: 您可以将新模板页面设为弹出窗口(而不是真实的单独页面)。灰显主页的内容(通过较暗的半透明覆盖层),然后让此新的弹出div显示所需的数据。通常用于希望您注册其新闻通讯的网站等。

  2. 通过URL传递数据: 如果您的数据量非常小并且不是敏感数据,则可以将其通过参数传递。假设page.html是您要用来填充数据的新页面模板。然后,使当前页面上的链接为page.html?itemid=123&param2=Hi或类似的内容。然后,在page.html上,确保您有JS可以从URL读取参数并显示数据。

  3. 通过cookie传递数据: 否则,您可能只想使用JS cookie。尤其是在您拥有中等或大量数据的情况下。将从AJAX加载的数据存储到cookie中。如果希望用户同时打开多个page.html模板,则可能需要使用一个标识符并将其传递给每个标识符,例如page.html?itemid=1page.html?itemid=2等。 page.html的JS根据URL的参数ID查找适当的cookie。

如果处理敏感数据,请小心并使用最佳实践。