PHP+AjaxÑéÖ¤ÂëÑéÖ¤ÓÃ»§µÇÂ¼

5年以前 | 阅读数：974 次 | 编程语言：PHP

ÓÃAJAX ÑeÖ¤ÓÃ»§µÇÂ¼µÄÒ»¸oºÃ´¦ÊÇ²»Ë¢ÐÂÌø×ªÒ³Ãae£¬Ía¼ÓÓÃµ½ÑeÖ¤Âe¾Í¸u°²È«ÁË£¬ÃþË÷µÄÐ´ÁËÏÂ¡£Ò»¹²ÓÃµ½Èý¸oÎÄ¼þ:

yz.php: Éu³ÉÑeÖ¤ÂeµÄPHP ÎÄ¼þ£¬½«ÑeÖ¤Âe½«ÔÚSESSION Ài£¬¹(C)µÇÂ¼Ê±¶Ô±Èµ÷ÓÃ
index.php: ÓÃ»§µÇÂ¼µÄHTML ÎÄ¼þ
loginCheck.php: ÑeÖ¤ÓÃ»§µÇÂ¼µÄÎÄ¼þ

ÏÂÃaeÒ»Ò»½aÎo:
yz.php ÎÄ¼þ


    <?php
     session_start();

     //Éu³ÉÑeÖ¤ÂeÍ¼
     Header("Content-type: image/PNG");
     //³¤Óe¿i
     $im = imagecreate(44,18);
     // ÉeÖÃ±³¾°É«:
     $back = ImageColorAllocate($im, 245,245,245);
     // Ìi³a±³¾°É«:
     imagefill($im,0,0,$back);

     srand((double)microtime()*1000000);
     $vcodes;
     //Éu³É4Î»Êý×Ö
     for($i=0;$i<4;$i++){
      $font = ImageColorAllocate($im, rand(100,255),rand(0,100),rand(100,255));
      $authnum=rand(1,9);
      $vcodes.=$authnum;
      imagestring($im, 5, 2+$i*10, 1, $authnum, $font);
     }

     //¼ÓÈe¸ÉÈÅÏoËØ
     for($i=0;$i<100;$i++){
      $randcolor = ImageColorallocate($im,rand(0,255),rand(0,255),rand(0,255));
      imagesetpixel($im, rand()%70 , rand()%30 , $randcolor);
     }

     ImagePNG($im);
     ImageDestroy($im);

     // ½«ËÄÎ»µÄÑeÖ¤Âe±£´aeÔÚ SESSION Ài£¬µÇÂ¼Ê±µ÷ÓÃ¶Ô±È
     $_SESSION["VCODE"]=$vcodes;
    ?>

index.php: ×¢Òa£¬ÔÚÕaÎÄ¼þÀi²»ÒªÈ¡ $_SESSION["VCODE"], *ñÔo»aÈ¡ÍiÒ»²½µÄ£¬Ë¢ÐÂºo²ÅÄÜÏÔÊ¾ÉÏÒ»¸oÑeÖ¤Âe

ÔÚ loginCheck.php ÀiÑeÖ¤¾ÍºÃÁË


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
    <title>¹ÜÀiºoÌ¨| ÇeµÇÂ¼</title>
    <link rel="stylesheet" type="text/css" href="\css\a.css">
    <style type="text/css">
    <!--
      #main{
       font-family:ËÎÌa;
       font-size:10pt;
       text-align:center;
       margin-top:510px;
      }

      body{
       background-attachment:fixed;
       background-position:center;
       background-image:url(./images/w2.jpg);
       background-repeat: no-repeat;
      }

      #authCode{background-Color:#F8F9FF;}

      table{text-align:center;}

    //-->
    </style>
    <script type="text/javascript" src="./js/trim.js"></script>
    <script type="text/javascript">
    <!--

     function clearX(){
      document.getElementById('authCode').value="";
     }

     // µa»÷Í¼Æ¬ÖØÐÂ»ñµÃÐÂµÄÑeÖ¤Âe£º
     function getVCode() { 
      var vcode=document.getElementById('vcode'); 
      vcode.src ='yz.php?nocache='+new Date().getTime(); 
     }


     //¶¨ÒaXMLHttpRequest¶ÔÏo
     var xmlHttp;     

     // ´´½¨ XMLHttpRequest:
     function createXmlHttpRequest(){
     var xmlHttp=null;
     try{
      // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();
     }catch(e){
      // Internet Explorer
      try{
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }catch(e){
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
     }
     return xmlHttp;
     }

     // AJAX ¼i²eµÇÂ¼: ÓÐÃÜÂe£¬ÒªÓÃPOST Ìa½»
     function login(){
      var authCode=trim(document.getElementById('authCode').value);
      var username=trim(document.getElementById('username').value);
      var password=trim(document.getElementById('password').value);
      if(username=="" || password=="" || authCode==""){
       alert("ÇeÊaÈeÓÃ»§ÃuºÍÃÜÂeºÍÑeÖ¤Âe£¡");
       return false;
      }else{
       if(!xmlHttp) xmlHttp=createXmlHttpRequest();
        var send_string="username="+username+"&password;="+password+"&authCode;="+authCode+"&fresh;="+Math.random();
        xmlHttp.open("POST","loginCheck.php",true); 
        xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
        xmlHttp.send(send_string); 
        xmlHttp.onreadystatechange=function(){
         if(xmlHttp.readystate==4 && xmlHttp.status==200){
          var answer=xmlHttp.responseText;
          if(answer=="ok")                     //Ìø×ªµ½¹ÜÀiÖÐÐÄÒ³Ãae
           window.location.href="adminCenter.php";
          else{
           alert("ÓÃ»§ÃuÃÜÂe»oÑeÖ¤Âe²»ÕýÈ*! ÇeÖØÐÂÊaÈe!");
           document.getElementById('username').focus();
          }
        }
       }
      }
     }

    //-->
    </script>
    </head>
    <body onload="document.getElementById('username').focus();">
     <div id="main">
       <table>
         <tr>
         <td>ÓÃ»§Ãu:<input type="text" id="username" /></td>
         <td>ÃÜ   Âe:<input type="password" id="password" /></td>
         <td>ÑeÖ¤Âe:<input type="text" id="authCode" size="6" maxlength="4" value="ÑeÖ¤Âe" onfocus="clearX()"/></td>
         <td><img id="vcode" src="yz.php" alt="¿´²»Ça£¿µa»÷»»Ò»ÕÅ" onclick="getVCode()" /></td>
         <td><input id="loginButton" type="submit" value="µÇ Â¼" onclick="login()"/></td>
         </tr>
        </table>
     </div>
    </body>
    </html>

loginCheck.php **ÑeÖ¤ÓÃ»§µÇÂ¼µÄÎÄ¼þ
**


    <?php 
     session_start();
     include("../conn/connDB.php");

     // È¡µÃPOST¹ýÀ´µÄ²ÎÊý:
     $username=$_POST["username"];
     $password=md5($_POST["password"]);
     $authCode=$_POST["authCode"];       

     $feedback="no";

    //¶Ô±ÈÊÇ*ñ==SESSIONÖÐµÄÑeÖ¤Âe£¬²»ÄÜ*ÅÔÚ¿Í»§¶Ë×o£¬*ñÔoÈ¡²»ÕýÈ*µÄÖµ
     if($authCode==$_SESSION["VCODE"]){

       $SQL="select * from users where username='$username' and password='$password'";
       $result=mysql_query($SQL);
       $rows=mysql_num_rows($result);
      if($rows==1)                       // ÑeÖ¤³É¹¦
       $feedback="ok";
       $_SESSION["admin"]=true;           //ÎªÁËºoÌ¨°²È«£¬´aeÈeSESSION£¬±iÃ÷ ADMIN ÒÑµÇÂ¼£¬¹(C)ºoÃaeµ÷ÓÃ
      }

     echo $feedback;

    ?>

ÒÔÉÏ¾ÍÊÇ±¾ÎÄµÄÈ«²¿ÄÚÈÝ£¬Ï£Íu¶Ô´o¼ÒµÄÑ§Ï°ÓÐËu°iÖu£¬Ò²Ï£Íu´o¼Ò¶a¶aÖ§³Ö½Å±¾Ö®¼Ò¡£