jquery preventDefault()不起作用

时间:2014-06-17 07:15:08

标签: jquery ajax

所以计划是在点击提交时运行ajax帖子,但是preventDefault()不起作用,表单会被提交。如果我取消注释ajax部分它再次工作。有什么想法吗?

$("#submitformat").click(function( event ) {
event.preventDefault();
$.ajax({    // if all this function is commented out preventDefault() works
url : "<?=base_url();?>aa.php",
type: "POST",
data : myArray,
success: alert('all good');
});
});

4 个答案:

答案 0 :(得分:1)

此行导致错误,

success: alert('all good');

它应该是

 success: function(){ alert('all good'); }

答案 1 :(得分:1)

您只能取消click个活动。不是submit事件。您必须抓住表单的提交事件。

$('#idOfYourForm').submit(function(event) {
event.preventDefault();
});

答案 2 :(得分:0)

使用jQuery的onsubmit事件表单。

HTML:

<form id="form">
   <input type="text" name="one">
   <input type="submit">
</form>

JS:

$("#form").submit(function( event ) {
event.preventDefault();
$.ajax({    // if all this function is commented out preventDefault() works
url : "<?=base_url();?>aa.php",
type: "POST",
data : myArray,
success: function() {alert('all good')}
});
});

答案 3 :(得分:0)

使用成功功能:

$("#submitformat").click(function( event ) {
event.preventDefault();
$.ajax({    // if all this function is commented out preventDefault() works
url : "<?=base_url();?>aa.php",
type: "POST",
data : myArray,
success: function(){    
alert('all good');
}
});
});