我有这样的表格
<form id="add-to-cart" name="my-form" action="http://www.example.com" method="post">
<div class="row flat">
<input type="hidden" name="cartkey" value="">
<input type="hidden" name="id" value="2">
<button type="submit" value="submit" data-value="2" data-name="id">Buy Now</button>
</div>
</form>
为了保存表单,我使用了 jQuery。所以现在我的代码看起来像这样
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('button').click(function(){
var Value = jQuery(this).attr('data-value');
jQuery('[name="id"]').val(Value);
jQuery('#add-to-cart').submit();
window.location = "http://www.page-2.com";
});
});
</script>
但提交后,表单不会重定向到另一个页面(http://www.page-2.com)。
那么有人可以告诉我提交表单后如何重定向表单吗?
Update抱歉,我不能使用ajax。我想简单地提交表格。
你可以在你的行动中处理这个问题,你打电话onSubmit()
从服务器代码将其重定向到您想要的页面。
或者您需要使用 ajax post() 调用,它会在调用完成时为您提供 onSuccess 和 onFailure 事件。像这样的事情:
$('#add-to-cart').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
dataType: 'json',
success: function(json) {
window.location.href = "http://www.page-2.com";
}
})
return false;
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)