AJAX结合PHP代码实现登录

<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>
  1. <html> 
  2. <head> 
  3. <scrīpt language="javascrīpt"> 
  4. function postRequest(strURL){ 
  5. var xmlHttp; 
  6. if(window.XMLHttpRequest){ // For Mozilla, Safari, ... 
  7. var xmlHttp = new XMLHttpRequest(); 
  8. else if(window.ActiveXObject){ // ForInternetExplorer 
  9. var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
  10. xmlHttp.open('POST', strURL, true); 
  11. xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
  12. xmlHttp.onreadystatechange = function(){ 
  13. if (xmlHttp.readyState == 4){ 
  14. updatepage(xmlHttp.responseText); 
  15. xmlHttp.send(strURL); 
  16. function updatepage(str){ 
  17. if(str=="yes"){ 
  18. alert("Welcome User"); 
  19. }else{ 
  20. alert("Invalid Login! Please try again!"); 
  21. function call_login(){ 
  22. var username = window.document.f1.username.value; 
  23. var password = window.document.f1.password.value; 
  24. var url = "login.php?username=" + username + "password=" +password ; 
  25. postRequest(url); 
  26. </scrīpt> 
  27. </head> 
  28. <body> 
  29. <Center> 
  30. <form name="f1" ōnSubmit="return call_login();"> 
  31. <table border="0" bgcolor="#CCCCCC" cellspacing="1" cellpadding="3" width="316"> 
  32. <tr> 
  33. <td align="left" colspan="2"><b><font size="5" color="#000080">Login</font></b></td> 
  34. </tr> 
  35. <tr> 
  36. <td align="right" width="124"><b><font color="#000080">User 
  37. Name:</font></b></td> 
  38. <td width="177"><input type="text" name="username" id="user" size="20" value="" /></td> 
  39. </tr> 
  40. <tr> 
  41. <td align="right" width="124"><b><font color="#000080">Password:</font></b></td> 
  42. <td width="177"><input type="password" name="password" size="20" value="" /></td> 
  43. </tr> 
  44. <tr> 
  45. <td colspan="2" align="center"><input type="button" name="a1" value="Login" ōnClick="call_login()"></td> 
  46. </tr> 
  47. </table> 
  48. </form> 
  49. </center> 
  50. </body> 
  51. </html> 
  52. javascript:;" onClick="javascript:tagshow(event, 'PHP');" target="_self">PHP脚本部分login.php: 
  53. <? 
  54. $username=$_GET["username"]; 
  55. $password=$_GET["password"]; 
  56. if($username=="admin" && $password=="admin"){ 
  57. echo "yes"; 
  58. }else{ 
  59. echo "No"; 
  60. ?> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值