AJAX/Jquery/PHP-加载依赖于锚点/哈希标记的页面

AJAX/Jquery/PHP - Load page dependant on anchor/hash tag

本文关键字：哈希标 Jquery PHP- 加载 依赖于 AJAX      更新时间：2023-09-26

我有以下代码，效果很好：-

$('.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();
};

唯一的问题是，我不知道如何获得然后阅读我创建的锚链接（例如#联系我们）来创建可添加书签的页面。

我试图做一个基于以下内容的解决方案，但它似乎不太理想

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

要获得哈希，除了您最初的示例之外，您可以使用window.location.hash

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

如果需要，您可以使用replace来消除前导#。

相关文章：