AJAX入门

 Ajax是浏览器端的异步刷新。只是局部更新。使得网络慢的时候用户不会等太久。

步骤(例子):

Html代码
  1. <title>首页</title>  
  2. </head>  
  3. <script type="text/javascript">  
  4.     function dizhi(){  
  5.         var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");  
  6.         xmlHttp.open("GET","ajax1.jsp","true");  
  7.         xmlHttp.onreadystatechange = function(){  
  8.             if(xmlHttp.readyState == 4){  
  9.                 div1.innerHTML = xmlHttp.responseText;  
  10.             }  
  11.         }  
  12.         alert(xmlHttp.readyState);  
  13.         xmlHttp.send();  
  14.     }  
  15. </script>  
  16. <body>  
  17. 欢迎来到重庆文理学院  
  18. <input type="button" value="学校地址" onclick="dizhi()">  
  19. <div id="div1"></div>  

步骤:

       1:var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

        //IE浏览器实例化 "Msxml2.XMLHTTP"对象

       2:xmlHttp.open("GET","ajax1.jsp","true");

        //异步提交的目标和方法

       3:xmlHttp.onreadystatechange() = function(){

        //xmlHttp状态改变时,进行处理代码

       4:        if(xmlHttp.readyState==4){

                //xmlHttp.readyState 有0~4 5种状态

                0:未初始化状态,未调用open()

                1:已经初始化状态,已经调用open()

                2:发送数据状态,调用send()以后

                3:数据传送中状态,已经接受部分,但是没有接受完成

                4:完成状态,数据接受完成

                        div1.innerHTML = xmlHttp.responseText;

                        //xmlHttp.responseText 是从目标提取出来的文本内容

                  }

       5:xmlHttp.send();

}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值