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 发生变化。
|
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 所有实例
仅供自己参考。。