我最近接触了 jQuery,这是我第一次使用它,但我已经用它在我的网站上进行了重大改进。(淡入页面、切换等)
所以基本上,我想用它制作一个登录表单,但即使在研究过它之后我也不知道如何使用 $.post 。
<form action="" method="post">
<input type="text" id="username">
<input type="password" id="password">
<input type="submit" id="log" value="Log in">
</form>
是的,这就是我现在所处的位置,我想要一个花哨的淡入淡出动画来记录日志。[或至少没有页面加载]
编辑:现在看起来像这样,它正在输出“失败”。即使我输入了正确的组合
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#loginform").submit(function(event) {
event.preventDefault();
$.post('login.php', function(data) {
$('body').hide();
$('body').html(data).show('fast');
});
});
});
</script>
</head>
<body>
<div id="all">
<form action="" method="post" id="loginform">
<input type="text" id="username"><br>
<input type="password" id="password"><br>
<input type="submit" id="log" value="Log in">
</form>
</div>
登录.php:
<?php
$un = $_POST['username'];
$pw = $_POST['password'];
if($un == "huwil" and $pw == "test") {
echo "logged.";
} else {
echo "failed.";
}
?>