AJAX 是 Asynchronous JavaScript And XML 的首字母缩写。
最好理解的例子,比如Google 百度 的 实时搜索
-
ajax工作流程
1476083530867368.png
- 为了兼容浏览器,ajax可以如下构建
// 首先创建一个作为 XMLHttpRequest 对象使用的 XMLHttp 变量。把它的值设置为 null
var XMLHttp=null;
if (window.XMLHttpRequest)// 然后测试 window.XMLHttpRequest 对象是否可用。在新版本的 Firefox, Mozilla, Opera 以及 Safari 浏览器中,该对象是可用的。
{
// 如果可用,则用它创建一个新对象
XMLHttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)// 如果不可用,则检测 window.ActiveXObject 是否可用。在 Internet Explorer version 5.5 及更高的版本中,该对象是可用的
{
// 如果可用,使用它来创建一个新对象
XMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
XMLHttp.onreadystatechange=function()
{
if (XMLHttp.readyState==4 && XMLHttp.status==200)
{
document.getElementById("txtHint").innerHTML=XMLHttp.responseText;
}
}
XMLHttp.open("GET","ajax_php.php?q="+str,true);// 请求的ajax接口,以及添加的参数
XMLHttp.send();
网友评论