jquery ajax錯誤

Question

我寫了一個登錄表單，在提交用戶應該登錄，但它不工作。請讓我知道其中的錯誤是， 這是形式

<form id ="loginform_" action=""> 
    <a href=""id="slidedownclose">X</a> 
    <h2> Login Form</h2> 
    Username:<input type="text" id="uname" name="user_name" /><br/><br/> 
    Password:<input type="password" id="password" name="password" /><br/><br/> 
    <input type ="submit" id ="log" class="logclass" value="log in"/><br/><br/> 
    <a id ="lost_password" href ="/frontend_dev.php/forgotpassword">Forgot Password </a> 
</form> 

這是jQuery代碼

$(document).ready(function() 
{ 
    $("#loginform_").validate({ 
     rules: { 
      user_name: "required", 
      password: "required" 
     } 
    }); 
    $(".logclass").click(function() 
    { 
     var data =$("#loginform_").serialize(); 
     $.ajax({ 
      type: "POST", 
      url: "/frontend_dev.php/login/new", 
      data: data, 
      success: function(){ 
       alert('success'); 
       window.location.replace("/frontend_dev.php/user"); 
      }, 
      error: function(){ 
       alert(data); 
      } 
     }); 
    }); 
}); 

Answer 1

井的問題之一是你的按鈕類型的提交，你是不是告訴它防止默認行爲。

$(".logclass").click(function(e) { 
    // code 
    e.preventDefault(); 

} 

接下來，您可能會更好地使用以下命令來調用點擊。

$('#log').click(function(e){ 

} 

通過ID訪問比類訪問更好。另一種選擇是將您的按鈕更改爲類似的。

<input type='button' id='log' class='logclass' value='log in'/> 

這應該讓你更好的方向開始。