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();

}


发布了53 篇原创文章 · 获赞 1 · 访问量 1万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章