HTML页面:
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>登录页面</title>
<style type="text/css">
#p-info {
color: #F0C040;
}
</style>
</head>
<body>
<h2>欢迎登录</h2>
<form id="form">
用户名:
<input name="username" type="text" id="username" /><br /><br /> 密码:
<input name="userpwd" type="password" id="userpwd" /><br /><br />
<button type="button" id="btn">登录</button>
<div>登录状态:
<p id="p-info">暂未登录</p>
</div>
</form>
<script src="__PUBLIC__/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$('#btn').on('click', function() {
var name = $('#username').val();
var pwd = $('#userpwd').val();
if(name == '' || name == null || pwd == '' || pwd == null) {
$('#p-info').html('请输入完整信息!');
return;
}
var info = $('#form').serialize();
console.log(info);
$.ajax({
type:"post",
url:"__URL__/jiancha",
async:true,
data:info,
dataType:'json',
success:function(result){
$('#p-info').html(result);
}
});
})
</script>
</body>
</html>
thinkphp页面:
<?php
namespace Home\Controller;
use Think\Controller;
class LoginController extends Controller {
public function login() {
$this -> display();
}
public function jiancha() {
$info = I();
$name = $info['username'];
$pwd = $info['userpwd'];
$arr['user_name'] = $name;
$mySql = M('user_info');
$user = $mySql -> where($arr) -> select();
$user_pwd = $user[0]['user_pwd'];
if ($user) {
if ($user_pwd == $pwd) {
$result = '登录成功!';
} else {
$result = '密码错误!';
}
} else {
$result = '该用户不存在!';
}
echo json_encode($result);
}
}
?>