jQuery - $.ajax();转到提交时的下一页
jQuery - $.ajax(); goes to the next page on submit
如果用户没有阅读条款和条件,我有一个红色的按钮。如果用户单击"确认"按钮,它会将日期和时间发布到数据库中,然后返回绿色的禁用按钮。但是,当我提交时,它会直接进入下一页。任何人都可以告诉我我的代码出了什么问题吗?
标记:
<div class="acknowledge">
<form method="post" name="blitzread" action="blitzread.php" id="submit">
<input type="hidden" name="emp_id" value="<?php echo $emp_id; ?>">
<input type="hidden" name="current_time" value="<?php echo $current_time; ?>">
<button type="submit" name="Submit" class="btn btn-large btn-danger">Acknowledge</button>
</form>
</div>
Javascript:
$('#submit').submit(function() {
e.preventDefault();
$.ajax({
data: $(this).serialize(),
type: $(this).attr('method'),
url: $(this).attr('action'),
success: function(response) {
$('.acknowledge').html("<button class="btn btn-large btn-success disabled">Acknowledge</button>");
}
});
return false;
});
问题是e
是未定义的。
该函数的第一个参数是 jQuery 事件对象,您可以在其上调用 preventDefault()
。所以你的代码应该看起来像这样:
$('#submit').submit(function(e) {
e.preventDefault();
你忘了把e
论点放在你的function()
:
你的代码应该是这样的:
$('#submit').submit(function(e) {
e.preventDefault();
e.stopPropagation();
$.ajax({
data: $(this).serialize(),
type: $(this).attr('method'),
url: $(this).attr('action'),
success: function(response) {
$('.acknowledge').html('<button class="btn btn-large btn-success disabled">Acknowledge</button>');
}
});
return false;
});
这是给你的小提琴:http://jsfiddle.net/zur4ik/WVssV/
你忘了得到e
参数
$('#submit').submit(function(e) {
e.preventDefault();
$.ajax({
data: $(this).serialize(),
type: $(this).attr('method'),
url: $(this).attr('action'),
success: function(response) {
$('.acknowledge').html("<button class="btn btn-large btn-success disabled">Acknowledge</button>");
}
});
return false;
});
相关文章:
- 如何获取不属于我项目的上一页的URL
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 使用Booklet Jquery插件,我如何验证最后一页是否显示
- 在表单提交后显示模态,直到加载下一页为止..不适用于狩猎
- 如何在提交时防止粘性复选框重置?(一页上有多个表格)
- jQuery - $.ajax();转到提交时的下一页
- 如果答案正确,如何将提交按钮重定向到下一页
- 如何在多页面中制作一个 JavaScript 表单向导,其中包含下一页,并取消并返回并提交最后一页
- 当点击rails中的提交按钮时,如何在重定向到下一页之前显示模态
- Phantom.js填充字段,点击提交,现在只能访问下一页
- 如何使单选字段在提交时确定下一页
- 如何在使用Ghost.py提交表单后获得下一页
- 提交不应转移到下一页
- 在当前页面,.net上提交web表单后,发送用户回到上一页
- 如何在HTML表单提交后回到上一页
- 在转到下一页之前自动提交表单
- 不要"离开这一页"在提交联系表格时
- 如何返回到上一页后提交表单与php
- HTML / js.需要在一页上分别提交两种不同的表格
- 我如何提交表单,并在同一时间移动到下一页