Javascript 在页面之间传递数据html5

我目前正在升级一个移动网站，我必须升级到Html5/php，之前我有很多不同的php页面，但现在我只使用一个Html5/php页面

在旧站点上，我会通过url传递变量，并使用

$\u GET

检索它们，尽管我正在努力找到一个简单的html5替代方案

我也在我的新网站上使用Jquery mobile，尽管我不熟悉它

下面是我的html的一个示例

<div data-role="page" data-title="Page One" id="home">
         <div data-position="fixed" data-role="header">
         <h1>Pageone</h1>
    </div>

  <div data-role="content" data-theme="a">
    <ul class="menu">
        <li class="icn_browse"><a href="#browse?wtd=10">Browse</a><span></span></li>

           </ul>
        </div>
    </div>



  <div data-role="page" data-title="Page two" id="browse">
         <div data-position="fixed" data-role="header">
         <h1>Pagetwo</h1>
    </div>

  <div data-role="content" data-theme="a">

<!-- need to access the data from the home page here, more specifically the content of $_GET['wtd'] -->

        </div>
    </div>

叶壹堂



第二页

---

因此，我需要将数据从“家”传递到“浏览”，任何帮助都将不胜感激

丑陋但确实有效的解决方案包括构建一个PHP生成的小JavaScript片段来处理此任务：

请将它放在脚本运行时希望可用的内容之后（在大多数情况下，它将是文件的结尾。另一种解决方案是使用$（document）包装此脚本。ready（function（）{/…}）块：

//假设您的$\u GET['wtd']只包含要获取的ID，而不包含“#”：
var p=“”；
$（“#”+p）.prepend（$（“[datarole='content']”）；

虽然我不鼓励以这种方式使用JavaScript。它违反了的规则。基本上，此解决方案完全依赖于JavaScript，因此在禁用JavaScript的环境中（如大多数内部网）无法工作

---

可能更好的解决方案，不使用JavaScript，但只有PHP是在SGML解析器中解析整个站点，并将文档的某些节点移动到正确的位置，然后再次序列化文档。也许您会失去文档的可读性，但它肯定会起作用。这比使用jQuery的解决方案复杂得多，但是如果您感兴趣，我建议您阅读PHP标准库中提供的手册od DOMDocument类：。

您可以使用以前使用的相同机制，我假设您仍然使用

$\u GET

变量来显示所选页面。我尝试使用与以前相同的方法，但失败了，我还尝试在调用时将数据ajax设置为false我只想显示从另一个页面传递过来的页面中的数据，下面用htm5定义了一个新页面，这样你可以在一个html文件中拥有任意多的页面。当然还有一个更简单的解决方案，当我调用页面时，它仍然通过url字符串home.php#browse？wtd=10发送数据，我不喜欢javascript方法，但这看起来像是可能的选择。

// Assuming your $_GET['wtd'] contains only an ID to fetch, without '#':
var p = "<?php echo $_GET['wtd']; ?>";
$("#"+p).prepend($("[data-role='content']");