php jquery ajax用戶登錄實例代碼

2024-05-04 23:06:23

字體：大中小

來源：轉載

供稿：網(wǎng)友

php Jquery 無刷新登錄,自己寫的一個很簡單的,加了一個判斷就是如果是已經(jīng)登錄的，刷新后還是顯示的登錄狀態(tài).

登錄頁面文件,html頁面,代碼如下:

<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事件處理函數(shù)

$("#button").click(function(){ //當按鈕button被點擊時的處理函數(shù)

postdata(); //button被點擊時執(zhí)行postdata函數(shù)

});

});

function postdata(){ //提交數(shù)據(jù)函數(shù)

$.ajax({ //調(diào)用jquery的ajax方法

type: "POST", //設置ajax方法提交數(shù)據(jù)的形式

url: "login_ok.php", //把數(shù)據(jù)提交到ok.php

data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(), //輸入框writer中的值作為提交的數(shù)據(jù)

success: function(msg){ //提交成功后的回調(diào)，msg變量是ok.php輸出的內(nèi)容。

$("#div2").html(msg); //如果有必要，可以把msg變量的值顯示到某個DIV元素中

}

});

}

</script>

<script type="text/javascript">



</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>

發(fā)送到文件,代碼如下:

<?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.";

}

?>