Question

我将我的html表单集成到laravel上。它有html注册表。在那种形式我没有采取形式行动。因此，当我提交表单时，它将数据发布到同一页面。但是我写了一个javascipt点击事件来获取表单数据并使用ajax将数据发布到目标。但当我点击提交按钮时，我执行这两个动作.1。将数据发布到同一页面，另一个我的ajax调用...我只想要ajax。不是..怎么解决这个？

<form class="form-horizontal" role="form" id="addUser">input fields</form>
$('#addUser').on('click',function(){some code})

Answer 1

preventDefault()正是您正在寻找的。 Here is the jQuery documentation

$('#addUser').on('click',function(e){
 e.preventDefault()
 ...rest of the code...
})

Answer 2

嘿，您可以使用submit此类形式的事件。

$(document).on('submit','form#addUser',function(e){
    e.preventDefault(); //This prevents the default submit action that might refresh the page
    .. code
});

如何避免laravel 5.4上的默认表单操作？

2 个答案: