Question

所以计划是在点击提交时运行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');
});
});

Answer 1

此行导致错误，

success: alert('all good');

它应该是

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

Answer 2

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

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

Answer 3

使用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')}
});
});

Answer 4

使用成功功能：

$("#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');
}
});
});

jquery preventDefault（）不起作用

4 个答案: