以下代码旨在执行纯粹的 ajax POST 请求,但它似乎是通过 ajax 执行 POST,然后浏览器导航到响应。
HTML...
<div id="bin">
<form class="add" method="post" action="/bin/add/">
<p>I'm interested! Save for later.</p>
<input type="hidden" name="product_id" value="23423">
<input type="submit" value="Save">
</form>
<form style="display:none;" class="remove" method="post" action="/bin/remove/">
<p>I changed my mind--I'm not interested.</p>
<input type="hidden" name="product_id" value="23423">
<input type="submit" value="Unsave">
</form>
</div>
jQuery...
$('#bin form').submit(function() {
$.post($(this).attr('action'),{
success: function(data) { $(this).hide().siblings('form').show() },
data: $(this).serialize()
});
return false;
})
据我了解,return false;
行应该意味着无论如何,对提交函数的任何调用或单击“提交”按钮或按 Enter 键都意味着我的函数将执行并且浏览器将not导航/bin/add
or /bin/remove
。但由于某种原因,浏览器is改变页面。
知道我在这里做错了什么吗?谢谢。
可能是您的 JavaScript 失败,因此正在执行默认行为。
尝试使用 Firebug 等工具检查 XHR。
另外,你可以尝试event.preventDefault()
(其中事件回调的第一个参数是event
).
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)