PHP包括更改DIV内容但在刷新时保留内容

时间:2014-03-20 22:50:35

标签: javascript php html ajax

我正在为Uni模块创建一个非常基本的站点,目前有一个简单的onClick Javascript用于更改主要内容DIV的内容。简单的脚本调用PHP Include文件来填充DIV。

HTML

<div id="content" class="colorPicker1">
<!--Populate content div on load-->
<?php include 'php/home.php' ?>
</div>

<a href="winInstall.html" onClick="$('#content').load('php/winInstall.php'); return false;" title="Windows only installation">Windows 7/8</a>

我遇到的问题是无法解决的问题是当我刷新页面时,网站会返回home.php文件。我知道这会发生,因为我在index.html文件中调用home.php文件。

我的问题是如何在刷新期间保存当前的php文件?

我在考虑使用localStorage来保持链接正在使用,但我的尝试没有用。请有人请给我一点指导。

提前干杯,

的Blinky

1 个答案:

答案 0 :(得分:0)

而不是cookie或localStorage,如何更改哈希?

<a href="winInstall.html" class="ajax-link" title="Windows only installation">Windows 7/8</a>
<script>
(function ($) {
    var load_page = function (path) {
        location.hash = '#'+path;
        $('#content').load('php/'+path.replace('.html', '.php'));
    };

    $('.ajax-link').click(function (v) {
        v.preventDefault();
        load_page($(this).attr('href'));
    });

    if (location.hash && location.hash != '#') {
        load_page(location.hash.substr(1));
    }
})(jQuery);
</script>