AJAX :全称: Asynchronous JavaScript and XML
(异步的JavaScript和XML)。
AJAX不是万能的,在有以上优点的同时SEO也受到了影响。
SEO:搜索引擎优化
原生ajax步骤:
- 创建对象:
Ie8以下使用以下进行创建:
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
IE9+及其它浏览器:
xmlhttp=new XMLHTTPRequset();
兼容代码:
try {
xml = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xml = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e1) {
xml = new XMLHttpRequest();
}
}
- 确认请求:
xml.open('get','url',true/false)
第三个参数表示:boolean. 表示是否需要异步请求(true为发起异步加载)
- 发送请求:
xml.send()
没有发送则:xml.send()/xml.send(null)
有数据发送则:xml.send(data)
- 响应数据:
xml.onreadystatechange = function(){
if(xml.readyState == 4&&xml.status ==200){
alert(xml.responseText);
}
}
status
返回链接的状态,一般返回200与404,200表示成功返回,404表示未找到页面。
readyState
有5个值,分别为:0、1、2、3、4。而每当值改变时都会触发一次onreadystatechange
。
readyState的5个值含义分别为:
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪