如何使表单操作更改散列而不重新加载页面？
如何使表单操作更改散列而不重新加载页面？
提问于 2014-06-20 18:43:32
我有一个有动态数据的网站，它基于'#‘之后的数据，当我在URL中更改它时，我的网站不会重新加载，但是当我以这种形式更改它时，它会重新加载网页……
如何使它在不重新加载页面的情况下只对#后面的值进行修改？
<div id="but1">
<form action="http://website.com/#800" enctype="multipart/form-data" method="post">
<input type="submit" value="Submit">
</form>
</div>我能让它在表单操作上调用javascript函数吗？我该怎么做？
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-06-20 18:54:10
是。您可以使用html中的onsubmit属性调用以下函数列表：
<form onsubmit="myFunction(); return false;">也可以使用jquery绑定on函数，如下所示：
$('form').submit(myFunction);如果希望处理服务器上的数据，可以使用JQuery ajax方法异步向另一个页面发送数据。
Stack Overflow用户
发布于 2014-06-20 18:59:46
这可能有助于：
<form action="javascript:window.location.hash = 'tada'; return false;">
<!-- just set the hash /-->
<input type="submit" />
</form>但我觉得你也想炒一份javascript？
<form action="#tada" onsubmit="something;">
<input type="submit" />
</form>Stack Overflow用户
发布于 2014-06-20 19:17:23
如果您想要做的只是更改哈希，不要发布。试着做这样的事情：
<form action="#800" method="GET">
<input type="submit" value="Submit">
</form>像<a href="#800">Submit</a>这样的简单链接也会产生同样的效果。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24333718
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号