Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 317|回复: 0

[默认分类] js中的Ajax经典示例

[复制链接]
  • TA的每日心情
    开心
    2021-12-13 21:45
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    发表于 2018-6-3 10:20:12 | 显示全部楼层 |阅读模式

    1. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. 2
    3. 3 <html xmlns="http://www.w3.org/1999/xhtml">
    4. 4 <head>
    5. 5     <title>js中的Ajax经典示例</title>
    6. 6     <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    7. 7     <script type="text/javascript">
    8. 8     
    9. 9       function ajax() {
    10. 10
    11. 11           //先声明一个异步请求对象
    12. 12           var xmlHttpReg = null;
    13. 13           if (window.ActiveXObject) {//如果是IE
    14. 14
    15. 15               xmlHttpReg = new ActiveXObject("Microsoft.XMLHTTP");
    16. 16
    17. 17           } else if (window.XMLHttpRequest) {
    18. 18
    19. 19               xmlHttpReg = new XMLHttpRequest(); //实例化一个xmlHttpReg
    20. 20           }
    21. 21
    22. 22           //如果实例化成功,就调用open()方法,就开始准备向服务器发送请求
    23. 23           if (xmlHttpReg != null) {
    24. 24               xmlHttpReg.open("get", "About.aspx", true);1
    25. 25                xmlHttpReg.send(null);
    26. 26               xmlHttpReg.onreadystatechange = doResult; //设置回调函数
    27. 27
    28. 28           }
    29. 29
    30. 30           //回调函数
    31. 31           //一旦readyState的值改变,将会调用这个函数,readyState=4表示完成相应
    32. 32
    33. 33           //设定函数doResult()
    34. 34           function doResult() {
    35. 35           
    36. 36               if (xmlHttpReg.readyState == 4) {//4代表执行完成
    37. 37                  
    38. 38                  
    39. 39                   if (xmlHttpReg.status == 200) {//200代表执行成功
    40. 40                       //将xmlHttpReg.responseText的值赋给ID为resText的元素
    41. 41                       document.getElementById("resText").innerHTML = xmlHttpReg.responseText;
    42. 42                       
    43. 43
    44. 44                   }
    45. 45               }
    46. 46
    47. 47           }
    48. 48         
    49. 49
    50. 50       }
    51. 51      </script>
    52. 52 </head>
    53. 53 <body>
    54. 54      
    55. 55       <div id="resText"></div>
    56. 56       <form method=get action="">
    57. 57         <input type="button" value="小胡子"  onclick="ajax();"/>
    58. 58       </form>
    59. 59 </body>
    60. 60 </html>
    复制代码


    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2025-2-24 11:16 , Processed in 0.437245 second(s), 37 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表