AJAX / Jquery / PHP - 加载页面依赖于anchor / hash标记

时间:2012-02-10 15:33:09

标签: php javascript jquery ajax

我有以下代码,效果很好: -

$('.ajax a').click(function() {
    getpageajax(this.href);
    return false;
});

function getpageajax(getpage) {
    if(getpage == "") {
        //SET ERROR?
        document.getElementById("main").innerHTML = "";
        return;
    }
    if(window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("main").innerHTML = xmlhttp.responseText;
        }
    }
    var urlarray = getpage.split('/');
    location.hash = urlarray[urlarray.length-1];
    xmlhttp.open("GET", "includes/AJAXgetpage.php?getpage=" + getpage, true);
    xmlhttp.send();
};

唯一的问题是我不知道如何阅读我创建的锚链接(例如#contact-us)来创建可收藏页面。

我尝试基于以下方法做出解决方案,但似乎不太理想

<script>
var query = location.href.split('#');
document.cookies = 'anchor=' + query[1];
<?php if (!$_COOKIE['anchor']) : ?>
window.location.reload();
<?php endif; ?>
<?php
echo $_COOKIE['anchor'];
?>

1 个答案:

答案 0 :(得分:1)

要获取哈希,除了您的初始示例,您可以使用window.location.hash

// example url - http://www.mysite.com/blog/post#comments
var hash = window.location.hash; // = "#comments"

如果需要,您可以使用replace删除前导#