ajaxの成功にページをリロードしないでフォームを提出する方法

Question

ajaxで成功したフォームを送信したいので、フォームがajaxの成功のために提出されたときにリロードする必要はありません。試しました

if (response.success == true) { 
$form = $("#formname"); 
var form = $form.serializeArray(); 
form.push({ 
    name: window.csrfTokenName, 
    value: window.csrfTokenValue 
}) 

このページにはページがリロードされませんでしたが、フォームも送信されませんでした。私もdocument.form ['formname']を試しました。submit（）しかしそれはページをリロードしました。 助けてください

Answer 1

ページを再ロードせずにフォームを送信する場合は、Ajaxリクエストを使用する必要があります。同時に、ネイティブフォームの送信からブラウザを保護する必要があります。例えば$.post() - 服従の使用から使用Ajaxをリロードせずにこの

$('yourbuttonselector').click(function(e) { 
    e.preventDefault(); 
}); 

そして、フォーム送信のためのようなものを防ぐために。