javascript – JQuery Ajax在url中添加哈希

前端之家收集整理的这篇文章主要介绍了javascript – JQuery Ajax在url中添加哈希前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我这里的代码使用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>

当我点击它的内容时,网址会改变为这样的内容,网址中没有任何变化.它仍然保持不变,我想要的是,当我点击链接时会发生这样的事情www.myapp.com/#ajaxvalidation.当我运行代码时,锚标签被翻译成这样的东西

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

有了这个,我将如何在网址中添加哈希?

解决方法

这是一个工作示例(不考虑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>

猜你在找的Ajax相关文章