jquery ajax實現靜態html頁面登入與退出原理

來源:互聯網
上載者:User

例子,html代碼非常的簡單

<div id='ajaxlogin'>這裡可以是html顯示狀態資訊了,因為後面的ajax會替換這裡面內容了,為了防止載入延遲問題我們可以預設有一些登入說明了</div>

 代碼如下 複製代碼

<script language="javascript">$('#ajaxlogin').load('ajaxlogin.php?cityid=1208');</script>

ajaxlogin.php

這個檔案非常的簡單就是來判斷使用者是不是登入了,如

 代碼如下 複製代碼


<?php
      if(isset($_SESSION['user'])){
      ?>
      <div id="result">
        <p><strong><?php echo $_SESSION['user'];?></strong>,恭喜您登入成功!</p>
        <p>您這是第<span><?php echo $_SESSION['login_counts'];?></span>次登入本站。</p>
        <p>上次登陸本站的時間是:<span><?php echo date('Y-m-d H:i:s',$_SESSION['login_time']);?>
</span></p><p><a href='#' id='logout'>【退出】</a></p>
      </div>
      <?php }else{?>
      <div id="login_form">
          <p><label>使用者名稱:</label> <input type="text" class="input" name="user" id="user" /></p>
          <p><label>密 碼:</label> <input type="password" class="input" name="pass" id="pass" />
</p>
          <div class="sub">
              <input type="submit" class="btn" value="登 錄" />
          </div>
      </div>
      <?php }?>

核心代碼其實就是一個

 代碼如下 複製代碼

<?
if( $_SESSION['user']=='abc' )
{

echo' 登入成功 ';

}
else
{
echo '登入失敗';
}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.