经常在post网页的时候,服务器端的php处理,总是发生跳转,这里使用jQuery进行,可以不发生跳转
首先到 jquery.com下载jQuery.js文件,然后将其改名为jquery.js放到一个文件夹里,
在这个文件夹下建立login.html,放入以下代码
<!DOCTYPE HTML>
<html>
<head>
<script src="jquery.js"></script>
<title>登录</title>
</head>
<body>
<div id="dictionary">
</div>
<div id="userinfo">
<form>
<input type="text" name="name" placeholder="邮箱/会员帐号/手机号" autofocus required> <a href="register.html">注册</a>
<input type="password" name="password" placeholder="请输入密码" required> <a href="forgetpwd.php">忘记密码?</a>
<input type="submit" value="登录">
<input type="reset" value="重置">
</form>
</div>
<script>
$(document).ready(function() {
$('#userinfo form').submit(function(event) {
event.preventDefault();
var formValues = $(this).serialize();
$.post('checklogin.php', formValues, function(data) {
$('#dictionary').html(data);
alert(data);
});
});
});
</script>
</body>
</html>
同目录下建立一个checklogin.php
<?php
$output = array();
$output[] = build_entry();
echo implode("\n", $output);
function build_entry() {
$html = '<div class="entry">';
$html .= $_REQUEST['password'] .'1wweewe34';
$html .='<br>';
$html .= $_REQUEST['name'] .'134';
$html .='<br>';
$html .= '</div>';
return $html;
}
?>
OK啦。这样就可以发现不发生跳转了,同时可以获取到php返回的数据