ThinkPHP+Jquery实现ajax登录ThinkPHP教程
页面代码:
<div align="center">
<p>用户名：
<input type="text" name="lid" id="lid" />
</p>
<p>密码：
<input type="text" ...
页面代码:
<div align="center">
<p>用户名：
<input type="text" name="lid" id="lid" />
</p>
<p>密码：
<input type="text" name="pwd" id="pwd" />
</p>
<p>
<input type="submit" name="loginbt" id="loginbt" value="登 陆" />
</p>
<p><div id="state" name="state"></div></p>
</div>
Javascript代码:
$(document).ready(function(){
$('#loginbt').click(function(){
$.ajax({
type:"POST",
url:"../index.php/index/doAjax",
data:{lid:$('#lid').val(),pwd:$('#pwd').val()},
success:function(msg){
$('#state').html(msg);
}
});
});
});
后台php代码:
class IndexAction extends Action
{
public function index()
{
}
public function doAjax()
{
$lid=$_POST["lid"];
$pwd=$_POST["pwd"];
if($lid==""||$pwd=="")
echo '用户名或密码为空！';
else
{
if($lid=="admin" && $pwd=="admin")
echo '登陆成功！';
else
echo '登陆失败！';
}
}
}
<div align="center">
<p>用户名：
<input type="text" name="lid" id="lid" />
</p>
<p>密码：
<input type="text" name="pwd" id="pwd" />
</p>
<p>
<input type="submit" name="loginbt" id="loginbt" value="登 陆" />
</p>
<p><div id="state" name="state"></div></p>
</div>
Javascript代码:
$(document).ready(function(){
$('#loginbt').click(function(){
$.ajax({
type:"POST",
url:"../index.php/index/doAjax",
data:{lid:$('#lid').val(),pwd:$('#pwd').val()},
success:function(msg){
$('#state').html(msg);
}
});
});
});
后台php代码:
class IndexAction extends Action
{
public function index()
{
}
public function doAjax()
{
$lid=$_POST["lid"];
$pwd=$_POST["pwd"];
if($lid==""||$pwd=="")
echo '用户名或密码为空！';
else
{
if($lid=="admin" && $pwd=="admin")
echo '登陆成功！';
else
echo '登陆失败！';
}
}
}
上一篇：thinkphp 3.2写分页
下一篇：ThinkPHP的增、删、改、查
最新评论
热门推荐
我要评论