如何避免對laravel 5.4的默認表單操作？

Question

我整合了我的html形式laravel。它有html註冊表單。在這種形式下，我沒有采取形式行動。所以當我提交表單時，會將數據發佈到同一頁面。但是我寫了一個javascipt click事件來獲取表單數據並將數據發送到帶有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 
});