我已经进行了自己的AJAX登录。但是脚本似乎重定向到php页面本身,而不是通过AJAX提交
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
var form = $('#loginform');
form.submit(function (ev) {
ev.preventDefault();
$.ajax({
type: form.attr('method'),
url: form.attr('action'),
data: form.serialize(),
success: function (data) {
alert('ok');
}
});
});
</script>
</head>
<body>
<form method="post" action="functions/fn_login.php" id="loginform">
<input type="email" placeholder="Email / Mobile No." required name="email">
<input type="password" placeholder="Password" required name="password">
<input type="submit" id="submit" value="Submit">
</form>
<div id="user-result"></div>
</body>
</html>
我的代码有问题吗?
最佳答案
您忘了等待页面准备就绪。用$(document).ready(function () { ... });
或$(function () { ... });
包装代码:
$(document).ready(function() {
var form = $('#loginform');
form.submit(function(ev) {
ev.preventDefault();
$.ajax({
type: form.attr('method'),
url: form.attr('action'),
data: form.serialize(),
success: function(data) {
alert('ok');
}
});
});
});