php jquery ajax註冊與登入退出例子

最後更新：2017-01-13 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

代碼如下

複製代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<script src="temp/js/jquery-1.6.4.js" type="text/javascript"></script>
<script type="text/javascript">

// JavaScript Document
$(function(){

$(".cz").click(function(){

$(":text").val("");
$(":password").val("");

});

$(".zc").click(function(){

if($(":text").val()==""||$(":password").val()==""){
alert("不允許為空白！");

return false;
}

var b=new Array();
$(":input").each(function(i){
if(i<=1){

b[i]=$(this).val();

}
});

$.get(
"reg.php",
{"b":b,
"time":Math.random()
},
function(d){
if(d=="ok"){

window.location="index.php";
}
}

);

})

$(".tuichu").click(function(){
$.get(
"reg.php",
{"exit":"0",
"ddd":Math.random()
},function(d){

if(d=="ok"){

window.location="index.php";
}

}

);

})

});

</script>
</head>
<body>
<table width="350" height="100%" border="0" align="center">
<tr height="180">
<th scope="row"> </th>
</tr>
<tr>
<th scope="row"><table width="395" border="0" cellspacing="1" bgcolor="#999999">
<tr>
<th height="28" colspan="2" bgcolor="#CCCCCC" >已登入</th>
</tr>
<tr bgcolor="#FFFFFF">
<th width="28%" height="28" scope="row" align="right">使用者名稱：</th>
<td height="28" align="left"><?php echo iconv("utf-8","gbk",$_SESSION['n']); ?> </td>
</tr>
<tr bgcolor="#FFFFFF">
<th height="27" scope="row" align="right">密  碼：</th>
<td height="27" align="left"><?php echo $_SESSION['m']; ?> </td>
</tr>

<tr>
<th height="28" colspan="2" bgcolor="#FFFFFF" ><input class="tuichu" value="退出" type="button" /></th>
</tr>

</table></th>
</tr>
<tr>
<th scope="row"> </th>
</tr>
</table>

</body>
</html>

註冊頁面

代碼如下

複製代碼

<title>註冊頁面</title>
</head>
<body>
<table width="350" height="100%" border="0" align="center">
<tr height="180">
    <th scope="row"> </th>
</tr>
<tr>
    <th scope="row"><table width="395" border="0" cellspacing="1" bgcolor="#999999">
      <tr>
        <th height="28" colspan="2" bgcolor="#CCCCCC" >註冊頁面</th>
        </tr>
      <tr bgcolor="#FFFFFF">
        <th width="28%" height="28" scope="row" align="right">使用者名稱：</th>
        <td height="28" align="left"><input name="r[]" type="text" /> </td>
        </tr>
      <tr bgcolor="#FFFFFF">
        <th height="27" scope="row" align="right">密  碼：</th>
        <td height="27" align="left"><input name="r[]" type="password" /> </td>
        </tr>
      <tr bgcolor="#FFFFFF">
      <th height="35" colspan="2" scope="row"> <input class="zc" type="button" value="註冊" /> <input name="重設" type="button" class="cz" value="重設" /></th>
      </tr>
    </table></th>
</tr>
<tr>
    <th scope="row"> </th>
</tr>
</table>

</body>
</html>

php處理頁面

代碼如下

複製代碼

<?php
session_start();
if(!empty($_SESSION['n'])){
include_once './temp/index.html';
}else {
include_once './temp/log.html';

}

reg.php頁面

<?php
session_start();
if(isset($_GET["b"])){
$_SESSION['n']=$_GET["b"][0];
$_SESSION['m']=$_GET["b"][1];

echo "ok";
exit();
}

if(isset($_GET['exit'])){
$_SESSION['n']="";
unset($_SESSION['n']);
$_SESSION['m']="";
unset($_SESSION['m']);

echo "ok";
exit();

}
;

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 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

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

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

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

php jquery ajax註冊與登入退出例子

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support