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.  
24. </script> 
25. <script type="text/javascript"> 
26. <!-- 
27. function init(){ 
28. $.ajax({  
29. type: "GET", 
30. url: "if_login.php", 
31. data: "ts="+new Date().getTime(),  
32. success: function(msg){ //提交成功后的回调，msg变量是ok.php输出的内容。  
33. if (msg=='true'){ 
34. $("#div2").html("login ok");  
35. } 
36. }  
37. });  
38. } 
39. //--> 
40. </script> 
41. <body onLoad="init();"> 
42. <div id="div2"> 
43. <input name="writer" id="writer" type="text" value="" />  
44. <input name="pass" id="pass" type="password" value="" />  
45. <input type="submit" name="button" id="button" value="提交" /> 
46. </div> 
47. </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. } 
21. ?> 

Tags: php jquery ajax用户登录实例

分享到：