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(){ 
       }); 
      } 
     }); 
}