【问题标题】:Load different pages while leaving certains divs behind加载不同的页面,同时留下某些 div
【发布时间】:2015-05-30 01:14:05
【问题描述】:

我想知道一些网页如何在不同的 PHP 页面之间移动而无需重新加载整个页面。这里有些 div 保持不变。如果我使用 AJAX,我无法共享页面的链接,所以我需要这样做。谢谢。

【问题讨论】:

  • “分享页面链接”是什么意思?
  • 基本上他需要使用#将Ajax参数存储在url上,并在onload()中检查它们以显示正确的页面。
  • 不是真正的 # 标签。我需要有完整的新页面,但在这些页面上有某些部分。就像 facebook 有侧边栏但有到其他页面的完整链接。不是阿贾

标签: javascript php web


【解决方案1】:

您必须使用 AJAX 才能做到这一点。 但是,如果您希望能够共享链接或处理重新加载,您需要使用 # 和一些围绕它的 javascript 构建导航系统。

网上有很多这样的例子。

https://www.google.nl/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=tutorial%20build%20ajax%20navigation

【讨论】:

    【解决方案2】:

    您可以只加载一个新页面并包含该页面的相同 div:

    include 'div1.php';
    

    您可以使用下面的其他答案,只使用 ajax,但同时构建一个 url,以便您可以导航回页面的相同结构。 点击链接修改url,如:

    document.title = document.title + '?div1=true'

    Modify the URL without reloading the page

    然后只需执行 ajax 调用来加载新部分。在第一页加载时,解析 url 以检查要加载的 div。

    你可以使用 iframe:

    <iframe src="/div1.php" id="div1"></iframe>
    

    点击链接会将新内容加载到特定的 iframe。

    【讨论】:

    • 如果我使用 include 'div1.php' 将能够保留该部分而无需在下一页中重新加载(假设下一页也包含它)。扩展的可折叠部分是否会保持原样?谢谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多