JQuery Ajax 在url中加入hash

Question

我这里有这段使用 struts2-jquery 插件的代码

<h4>Choose A task</h4>
    <ul>
        <s:url value="views/ajaxvalidation.jsp" var="ajaxvalidation" >
            <s:param name="menuId" value="1"/>
        </s:url>
        <li><sj:a targets="resultContent" href="%{ajaxvalidation}">Ajax Validation</sj:a></li>
    </ul>

当我点击它的内容时，url 会变成这样，url 没有任何变化。它仍然保持不变，我想要的是当我点击链接时会发生这样的事情www.myapp.com/#ajaxvalidation . 当我运行代码时，锚标记被翻译成这样

<a id="anchor_1365013162" href="javascript:void(0)">Ajax Validation</a>

鉴于此，我将如何在 url 中添加 hash？

Answer 1

这是一个工作示例（不考虑Struts2）：

<html>
<body>
<a id="123" href="">Add Hash</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("a").click(function(e) {
        window.location.hash = $(this).attr("id");
        e.preventDefault();
    });
});
</script>
</body>
</html>

Answer 2

如果您不想跳转页面，那么可以通过在现代浏览器上使用历史记录 API 来回退旧浏览器来解决此问题：

if(history.pushState) {
    history.pushState(null, null, '#myhash');
} else {
    location.hash = '#myhash';
}

感谢 Lea Verou

JQuery Ajax 在url中加入hash

问题描述

2 个解决方案

解决方案1
30 已采纳 2012-12-21 08:28:06

解决方案2
0 2021-08-19 14:59:49

JQuery Ajax 在url中加入hash

问题描述

2 个解决方案

解决方案1 30 已采纳 2012-12-21 08:28:06

解决方案2 0 2021-08-19 14:59:49

解决方案1
30 已采纳 2012-12-21 08:28:06

解决方案2
0 2021-08-19 14:59:49