ajax php用戶無刷新登錄實(shí)例

2024-05-04 21:56:52

字體：大中小

供稿：網(wǎng)友

<!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>ajax php用戶無刷新登錄實(shí)例</title>

<script>

function userlogin(){

    var xmlhttp;

    var str;

    var sendstr="";

     try{

             xmlhttp=new xmlhttprequest();

         }

catch(e){

             xmlhttp=new activexobject("microsoft.xmlhttp");

        }

xmlhttp.onreadystatechange=function(){

          if (xmlhttp.readystate==4){

              if (xmlhttp.status==200){

      str = xmlhttp.responsetext;

      document.getelementbyid("userlogin").innerhtml=str;

      }else{

      alert("系統(tǒng)錯(cuò)誤,如有疑問,請與管理員聯(lián)系!"+xmlhttp.status);

    }

          }

       }

xmlhttp.open("post","config/userlogin.php",true);

xmlhttp.setrequestheader('content-type','application/x-www-form-urlencoded');

xmlhttp.send(sendstr);

}

</script>

</head>

<body>

<form id="form1" name="form1" method="post" action="">

  <p>

    <label for="textfield"></label>

    <input type="text" name="uname" id="uname" /><span id="userlogin"></span><br />

<input type="text" name="upwd" id="upwd" /><span id="upwds"></span>

  輸入用戶名</p>

  <p>

    <input type="button" name="button" id="button" value="登錄" onclick="userlogin();" />

  </p>

</form>

</body>

</html>

userlogin.php文件

<?

$uid = $_post['uname'];

$pwd = $_post['upwd'];

$sql ="select * from tabname where uid='$uid' and pwd='$pwd'";

$query = mysql_query( $sql );

if( mysql_num_rows( $query ) )

{

    echo '登錄成功';

}

else

{

     echo '用戶名或密碼不正確!';

  }

?>