php jquery ajax用户登录实例代码

SOASPX 438 0

用户登录就是用户输入用户名密码点击登录页面不刷新然后利用ajax提交到后台程序进行判断,如果登录成功返回真或相关用户信息,这样就实现了用户无刷新登录效果了。

php jquery ajax用户登录实例代码-第1张图片-.net教程网

php jQuery 无刷新登录,自己写的一个很简单的,加了一个判断就是如果是已经登录的,刷新后还是显示的登录状态。

登录页面文件

html页面

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy4575')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy4575>
<script type="text/javascript" src="jquery-1.4.3.js" mce_src="jquery-1.4.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){ //DOM的onload事件处理函数 
$("#button").click(function(){ //当按钮button被点击时的处理函数 
postdata(); //button被点击时执行postdata函数 
});

});

function postdata(){ //提交数据函数 
$.ajax({ //调用jquery的ajax方法 
type: "POST", //设置ajax方法提交数据的形式 
url: "login_ok.php", //把数据提交到ok.php 
data: "writer=" $("#writer").val() "&pass=" $("#pass").val(), //输入框writer中的值作为提交的数据 
success: function(msg){ //提交成功后的回调,msg变量是ok.php输出的内容。 
$("#div2").html(msg); //如果有必要,可以把msg变量的值显示到某个DIV元素中 
} 
}); 
}


</script>
<script type="text/javascript">
<!--
function init(){
$.ajax({ 
type: "GET",
url: "if_login.php",
data: "ts=" new Date().getTime(), 
success: function(msg){ //提交成功后的回调,msg变量是ok.php输出的内容。 
if (msg=='true'){
$("#div2").html("login ok"); 
}
} 
}); 
}
//-->
</script>
<body onLoad="init();">
<div id="div2">
<input name="writer" id="writer" type="text" value="" /> 
<input name="pass" id="pass" type="password" value="" /> 
<input type="submit" name="button" id="button" value="提交" />
</div>
</body>

</td> </tr> </table>

发送到文件

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy5014')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy5014>
<?php
session_start();
require "conn.php";
$username=$_POST['writer'];
$password=$_POST['pass'];
mysql_select_db($database_lr, $lr);
$sql="SELECT * FROM admin WHERE username='$username' AND password='$password'";
$result = mysql_query($sql);
if( mysql_num_rows($result) >0 ) 
{ 
// login sucess
$_SESSION['login_Admin']="Admin";
echo "login ok";

} 
else 
{ 
// The user ID found 
echo "Login failed, ID error or expired.";
}

?>

</td> </tr> </table></td> </tr> </table>


发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~