Ajax W3School学习总结

Ajax是一种已有技术的编程艺术，因为有XMLHttpRequest （AJAX 的基础）可以在不重新加载整个网页的情况下，与服务器进行数据交互，实现对网页的某部分进行更新。

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");
  }

摘自 W3School 用来兼容浏览器。 

当使用 async=true 时，请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数：（不推荐使用async=false）

摘自 W3School 

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();

ActiveXObject 创建旧版本的 AJax对象。

属性	描述
onreadystatechange	存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
readyState	存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪
status	200: "OK" 404: 未找到页面

以下用来接收服务器响应的返回对象：

responseText	获得字符串形式的响应数据。
responseXML	获得 XML 形式的响应数据。

对于 responseXML 使用类似此类方法：

摘自 W3School 

xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("ARTIST");
for (i=0;i<x.length;i++)
  {
  txt=txt + x[i].childNodes[0].nodeValue + "<br />";
  }
document.getElementById("myDiv").innerHTML=txt;

http://www.w3school.com.cn/ajax/ajax_database.asp  此处实现数据库动态刷新

http://www.w3school.com.cn/example/ajax_examples.asp 所有实例

仅供自己参考。。