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>