Ajax通讯原理XMLHttpRequest
AJAX:异步JavaScript与XML的交融
无需赘言,JavaScript是一种脚本语言,而XML则是一种可扩展的标记语言用于存储数据信息。显然,AJAX即异步JavaScript和XML,是一种利用JavaScript脚本访问数据的技术。它的核心在于使网页实现异步更新,在不重新加载整个网页的情况下,仅对网页进行局部更新。其中,XMLHttpRequest对象是AJAX的关键所在。现在的浏览器都支持XMLHttpRequest对象,即使是较旧的IE5和IE6也通过ActiveXObject进行支持。
当我们向后台请求数据时,XMLHttpRequest对象的readyState会经历五个状态:从服务器未初始化到连接已建立,再到请求已接收、处理中和请求完成。每次状态变化都会触发onreadystatechange事件。关于状态码,200表示“OK”,而404则意味着“未找到页面”。
让我们来观察一段狼蚁网站的SEO优化中的Ajax前台实现代码。以下是HTML结构:
```html
function getName(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4 && xmlhttp.status==200){
alert("你好"+xmlhttp.responseText);
}
}
xmlhttp.open("post","Default.aspx?id=gname",true);
xmlhttp.send();
}