Jquery Ajax調用 - 成功提示Bootstrap

Question

我試圖在提交操作結束時在表單上顯示提醒。

我的js函數：

function submitForm(){ 

    // Initiate Variables With Form Content 
    var nomeCompleto = $("#nomeCompleto").val(); 
    var email = $("#email").val(); 
    var telefono = $("#telefono").val(); 
    var username = $("#username").val(); 
    var password = $("#password").val(); 
    var parametros = { 
        "nomeCompleto" : name, 
        "email"  : email 

      }; 

      $.ajax({ 
       type: "POST", 
       url: "adminRegistro.php", 
       data: parametros, 
       async:false, 
       success: function(result){ 
        var parsedData = JSON.parse(result); 

        $("#ajax-alert").addClass("alert alert-danger").text(parsedData.msg); 
        $("#ajax-alert").alert(); 
        $("#ajax-alert").fadeTo(5000, 5000).slideUp(5000, function(){ 
        }); 
       } 
      }); 
} 

調用警報時更迭解僱，但警告只出現很短的時間（如頁面重新加載）。使用ajax調用myn錯誤在哪裏？

編輯：

嘗試之後，我改變我的HTML按鈕的代碼來自：

<input class="btn btn-success submit-button" value="Submit" onclick="myFunction()"/></input> 
<input class="btn btn-success submit-button" value="Submit" id= "btnSubmit"/></input> 

和JS：

$(document).ready(function(){ 

    $("#btnSubmit").click(function(){ 
    .... 

，而且運作良好。使用$("#btnSubmit").click(function(e){ e.preventDefault();似乎沒有效果。

Answer 1

試試下面的代碼：

function submitForm(event){ 

    event.preventDefault(); //This will stop from reloading 
// Initiate Variables With Form Content 
    var nomeCompleto = $("#nomeCompleto").val(); 
    var email = $("#email").val(); 
    var telefono = $("#telefono").val(); 
    var username = $("#username").val(); 
    var password = $("#password").val(); 
    var parametros = { 
       "nomeCompleto" : name, 
       "email"  : email 

     }; 

     $.ajax({ 
      type: "POST", 
      url: "adminRegistro.php", 
      data: parametros, 
      async:false, 
      dataType: 'json', 
      success: function(parsedData){ 
       $("#ajax-alert").addClass("alert alert-danger").text(parsedData.msg); 
       $("#ajax-alert").alert(); 
       $("#ajax-alert").fadeTo(5000, 5000).slideUp(5000, function(){ 
       }); 
      } 
     }); 
}