ajax

[size=large][size=medium]1、创建对象
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

2、向服务器发送请求
   xmlhttp.open("GET","test1.txt",true);
   xmlhttp.send();

   open(method,url,async)
   规定请求的类型、URL 以及是否异步处理请求。
   method:请求的类型;GET 或 POST
   url:文件在服务器上的位置
   async:true(异步)或 false(同步)
   send(string)
   将请求发送到服务器。
   string:仅用于 POST 请求

3、响应
每当 readyState 改变时,就会触发 onreadystatechange 事件。

当 readyState 等于 4 且status状态为 200 时,表示响应已就绪:
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }



function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/ajax/test1.txt",true);
xmlhttp.send();
}[/size][/size]

相关推荐