的Ajax方法提交（）不工作

Question

這裏是代碼。

var r = confirm("Submit the form?"); 
if (r==true) { 
       ('#cat_add').on('submit', function(e) { 
       $.post("Process.php", $(this).serialize()); 
       }); 
      } 

當用戶點擊「是」時，什麼都不會發生。

Answer 1

你需要一些代碼提交表單你，當他們確認，他們希望提交。然後，您需要在提交表單時停止刷新頁面。

您還缺少你('#cat_add').on('submit')一個$。

if(r) { 
    $('#cat_add').submit(); 
} 

//This should go outside of the if statement 
$('#cat_add').on('submit', function(e) { 
    e.preventDefault(); 
    $.post("Process.php", $(this).serialize()); 
}); 

Answer 2

$(document).ready(function(){ 
 
    $(document).on('click', '#cat_submit', function(){ 
 
    var form_data = $('#cat_add').serialize(); 
 
    var r = confirm("Submit the form?"); 
 
    if (r==true) { 
 
    console.log("it works!"); 
 
     $.post("Process.php", form_data); 
 
     } 
 
    }); 
 
});

<script 
 
    src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
<form id="cat_add"> 
 
    <input type="text" name="cat_name" /> 
 
    <input id="cat_submit" type="button" value="submit" /> 
 
</form>