php jquery ajax用户登录实例代码 - 综合实例

php jquery ajax用户登录实例代码

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

查看更多关于php jquery ajax用户登录实例代码 - 综合实例的详细内容...