php jquery ajax使用者登入執行個體代碼

來源:互聯網
上載者:User

php Jquery 無重新整理登入,自己寫的一個很簡單的
加了一個判斷就是如果是已經登入的,重新整理後還是顯示的登入狀態
登入分頁檔
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事件處理函數
$("#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>


發送到檔案

 代碼如下 複製代碼

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

?>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.