当前位置:首页 > 综合实例 > 列表

php jquery ajax用户登录实例代码

发布:smiling 来源: PHP粉丝网  添加日期:2014-07-04 09:34:33 浏览: 评论:0 

php Jquery 无刷新登录,自己写的一个很简单的,加了一个判断就是如果是已经登录的,刷新后还是显示的登录状态.

登录页面文件,html页面,代码如下:

  1. <script type="text/javascript" src="jquery-1.4.3.js" mce_src="jquery-1.4.3.js"></script> 
  2.  
  3. <script type="text/javascript"> 
  4.  
  5. $(document).ready(function(){ //DOM的onload事件处理函数  
  6. $("#button").click(function(){ //当按钮button被点击时的处理函数  
  7. postdata(); //button被点击时执行postdata函数  
  8. }); 
  9.  
  10. }); 
  11.  
  12. function postdata(){ //提交数据函数  
  13. $.ajax({ //调用jquery的ajax方法  
  14. type: "POST", //设置ajax方法提交数据的形式  
  15. url: "login_ok.php", //把数据提交到ok.php  
  16. data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(), //输入框writer中的值作为提交的数据  
  17. success: function(msg){ //提交成功后的回调,msg变量是ok.php输出的内容。  
  18. $("#div2").html(msg); //如果有必要,可以把msg变量的值显示到某个DIV元素中  
  19. }  
  20. });  
  21.  
  22.  
  23. </script> 
  24. <script type="text/javascript"> 
  25. <!-- 
  26. function init(){ 
  27. $.ajax({  
  28. type: "GET", 
  29. url: "if_login.php", 
  30. data: "ts="+new Date().getTime(),  
  31. success: function(msg){ //提交成功后的回调,msg变量是ok.php输出的内容。  
  32. if (msg=='true'){ 
  33. $("#div2").html("login ok");  
  34. }  
  35. });  
  36. //--> 
  37. </script> 
  38. <body onLoad="init();"> 
  39. <div id="div2"> 
  40. <input name="writer" id="writer" type="text" value="" />  
  41. <input name="pass" id="pass" type="password" value="" />  
  42. <input type="submit" name="button" id="button" value="提交" /> 
  43. </div> 
  44. </body> 

发送到文件,代码如下:

  1. <?php 
  2. session_start(); 
  3. require "conn.php"
  4. $username=$_POST['writer']; 
  5. $password=$_POST['pass']; 
  6. mysql_select_db($database_lr$lr); 
  7. $sql="SELECT * FROM admin WHERE username='$username' AND password='$password'"
  8. $result = mysql_query($sql); 
  9. if( mysql_num_rows($result) >0 )  
  10. {  
  11. // login sucess 
  12. $_SESSION['login_Admin']="Admin"
  13. echo "login ok"
  14.  
  15. }  
  16. else  
  17. {  
  18. // The user ID found  
  19. echo "Login failed, ID error or expired."
  20. ?> 

Tags: php jquery ajax用户登录实例

分享到: