为什么要使用AJAX？
因为您能够：
- 不刷新页面更新网页
- 在页面加载后从服务器请求数据
- 在页面加载后从服务器接收数据
-
在后台向服务器发送数据
js代码
var xmlHttp;
function loadXMLDoc(url) {
xmlHttp = null;
if(window.XMLHttpRequest) {
// 用于现代浏览器的代码
xmlHttp = new XMLHttpRequest()
}else if(window.ActiveXObject){
// 应对老版本 IE 浏览器的代码
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
}
if(xmlHttp != null) {
xmlHttp.onreadystatechange = stateChange;
xmlHttp.open('GET', url, true) //true：异步 false：同步
xmlHttp.send()
}else {
console.log('ERROR, xmlHtpp init failded')
}
}
function stateChange() {
if(xmlHttp.readyState == 4 && this.status == 200) {
var theDiv = document.getElementById('theD')
thisDiv.innerHTML = xmlToHTML(xmlHttp.responseXML)
}else {
console.log('Error: when retrieving XML data:' + xmlHttp.statusText)
}
}
function xmlToHTML(xml) {
//操作xml文件
return ;
}
// loadXMLDoc('data.xml')
