Jquery Ajaxコール - 成功時のブートストラップアラート

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フォルトはどこですか？

EDIT：

<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：しようとした後

、私はから私のHTMLボタンコードを変更

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