thinkphp与jQuery利用ajax进行数据传输操作

来源：互联网发布：lol从服务器接收数据编辑：程序博客网时间：2024/05/21 07:20

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);
}
}
?>

阅读全文

0 0