1
我有兩個單獨的Ajax教程在線，以嘗試使我的登錄表單在有錯誤消息時不會重定向到另一個頁面。但是，這兩種方法似乎都不起作用，我的表單仍然指向另一個頁面並在那裏顯示錯誤消息。我不明白問題是什麼，因爲我幾乎直接跟着教程，它對他們有效，但對我來說卻不起作用。 下面是我的表單代碼：Ajax php登錄表單不能直接到另一個頁面
<form id= "login_form" action="login.php" method="post">
<span id="login_errors"></span>
<label>Email Address</label>
<input type="text" name="email" id="email" required="required"/>
<br />
<label>Password</label>
<input type="password" name="password" id="password" required="required"/>
<br />
<div class="checkbox">
<input id="remember" type="checkbox" />
<label for="remember">Keep me signed in</label>
</div>
<div class="action_btns">
<div class="one_half last"><input type="submit" class="btn btn-blue" id="login_button" value="Login"></div>
<div class="one_half last"><a href="#" id="register_form" class="btn">Sign up</a></div>
</div>
</form>
這裏是基於我follwed教程的一個Ajax代碼：
$("#login_button").click(function(){
$.post($("#login_form").attr("action"), $("#login_form:input").serializeArray(), function(info){$("#login_errors").html(info);});
});
$("login_form").submit(function(){
return false;
});
這裏爲其他教程中的代碼，也沒」將不起作用：
$("#login_button").click(function(){
var action = $("#login_form").attr("action");
var form_data = {
email: $("#email").val(),
password: $("#password").val(),
is_ajax: 1
};
$.ajax({
type:"POST",
url:"action",
data: form_data,
success: function(response){
if(response == 'success'){
$("#login_errors").html("successful!");
}else{
$("#login_errors").html("unsuccessful!");
}
}
});
});
我已經包括jQuery的在我的網頁的頂部：
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
也鏈接我的ajax文件也在頁面的頂部。
<script type="text/javascript" src="login_Ajax.js"></script>