一个很简单的应用实例,就利用了jquery.ajax来实现无刷新登录效果了,方便很简单扼要,实例也只讲了jquery应用,实例代码如下:

1. <script src="js/jquery-1.4.2.js" type="text/"></script>  
2. <script language="javascript">  
3. function test() {  
4. $.ajax({  
5. type: "post",  
6. url: "ap.aspx",  
7. data: "username=123&password=456" ,  
8. success: function(data) {  
9. if (data == "true") {  
10. alert("登陆成功！");  
11. }  
12. else {  
13. alert("登陆失败");  
14. }  
15. }  
16. });  
17. }  
18. function btntestajax_onclick() {  
19. test();  
20. }  
21. </script> 

html代码,代码如下:

1. <form id="form1" runat="server">  
2. <div>  
3. <input id="btntestajax" type="button" value="测试异步刷新" onclick="return btntestajax_onclick()" /></div>  
4. </form> 

ap.php文件,代码如下:

1. <?php 
2.  echo true; 
3. ?> 

Tags: jquery ajax 无刷新登录

分享到：