私のAjaxコードは機能しませんでした

Question

コードが機能しない理由を理解できません。私は皆さんがエラーを見つけ、これを解決するのを助けてくれることを願っています。ありがとうございました。

<form action="dashboard.php" method="post" id="loginForm"> 
    <div class="alert alert-danger" id="error" style="display:none"></div> 
    <div class="alert alert-success" id="success" style="display:none"></div> 

    <div class="form-group"> 
    <label for="email">Email</label> 
    <input type="email" class="form-control" id="uname" name="uname" placeholder="email"> 
    </div> 
    <div class="form-group"> 
    <label for="Password">Password</label> 
    <input type="Password" class="form-control" name="pwd" placeholder="password"> 
    <input type="hidden" name="action" value="login"> 
    </div> 
    <button type="submit" class="btn btn-success" value="submit">Login</button> 
</form> 

$(document).ready(function() { 
    $("#loginForm").submit(function() { 
    $.ajax({ 
     type: "POST", 
     url: "functions.php", 
     data: $(this).serialize(), 
     beforeSend: function() { 
     alert('submiting'); 
     }, 
     success: function(res) { 
     alert(res); 
     if (res == 1) { 
      window.location.href = "dashboard.php"; 
      return true; 
     } else { 
      alert('wrong Username/password'); 
      return false; 
     }, 
     error: function() { 
      return false; 
     } 
    }); 
    }); 
}); 

Answer 1

これを試してみてください：
あなたイベントではなく、アヤックスに行くのフォームを提出される提出します。作品なら、私を知ってみましょう

$("#loginForm").submit(function(e){ 
    e.preventDefault(); 
    //more code 

：このようなe.preventDefault();

用途：にあなたが持っている
はしてフォームのイベントを防ぎます。

Answer 2

あなたはボタンのページには、単に代わりにAJAX呼び出しのdashboard.phpにリダイレクトされますSubmitをクリックしたときにボタンタイプはそうを提出し撮影しました。このようにボタンのタグを変更してください：

<button type="button" class="btn btn-success" value="submit">Login</button>