1 、什么是AJAX |
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 |
2 、ajax的特点:局部刷新 |
3 、Ajax所涉及的技术:JavaScript、XML、CSS、DOM(文档对象模型,在内存中以树结构存储的模型) |
4 、Ajax的核心类:XMLHttpRequest |
注意:不同的厂家ActiveXObject(IE5及以下) |
5 、Ajax常见的框架:JQuery、DOJO、prototype(原型)、DWR(直接web远程访问)、YUI(雅虎用户界面)、ExtJS |
6 、Ajax应用的开发步骤: |
//1、创建XMLHttpRequest()对象 |
if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari |
xmlhttp= new XMLHttpRequest(); |
} else { // code for IE6, IE5 |
xmlhttp= new ActiveXObject( "Microsoft.XMLHTTP" ); |
} |
//2、处理响应(responseText或responseXML) |
xmlhttp.onreadystatechange=function(){ |
if (xmlhttp.readyState== 4 && xmlhttp.status== 200 ){ |
//局部刷新的代码,通常有以下语句 document.getElementById("data").innerHTML=xmlhttp.responseText; |
//js操作Html |
} |
}; |
//3、向服务器发送请求 |
xmlhttp.open( "GET" , "/ajax1/index.jsp?t=" +Math.random(), true ); |
xmlhttp.send(); //只有是GET提交时才赋值为NULL |