第一个 Ajax 入门实例

发布时间：2020-12-16 00:18:22 所属栏目：百科来源：网络整理

导读：http://blog.csdn.net/liruxing1715/article/details/7104404 html head titleAjax/title scriptlanguage= "javascript" var xmlHttp; //定义一个全局变量xmlHttp //创建XMLHttpRequest对象 function createXMLHttpRequest(){ if (window.ActiveXObject){ xm

http://blog.csdn.net/liruxing1715/article/details/7104404

 
  <html>
 <head>
 <title>Ajax</title>
 <scriptlanguage="javascript">
 varxmlHttp;//定义一个全局变量xmlHttp
 
 //创建XMLHttpRequest对象
 functioncreateXMLHttpRequest(){
if(window.ActiveXObject){
 xmlHttp=newActiveXObject("Microsoft.XMLHTTP");//IE
 }elseif(window.XMLHttpRequest){
newXMLHttpRequest();//XMLHttpRequest
 }
 }
 
functionstartRequest(){
 createXMLHttpRequest();//创建XMLHttpRequest
varurl='index.php?'+newDate().getTime();//异步传输到的页面index.php，后面加newDate().getTime()，是为了消除IE的缓存
 xmlHttp.open('GET',url,true);//open()方法发送一个异步请求
 //属性变化了就会触发onreadystatechange事件
 xmlHttp.onreadystatechange=function(){
//如果请求的状态等于4（接受成功），并且服务器返回的HTTP响应值为200（请求成功）
if(xmlHttp.readyState==4&&xmlHttp.status==200){
//弹出服务器返回的文本
 alert('服务器返回：'+xmlHttp.responseText);
 xmlHttp.send(null);
 </script>
 </head>
 <body>
 <inputtype="button"value="异步通讯"onClick="startRequest();"/>
 </body>
 </html>
 

index.php

[php] 
   view plain 
   copy 
    
   
<?php header('Content-type:text/html;Charset=GB2312');
 echo'异步测试成功！';
 ?> 

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!