Ajax常用的一个应用场所如下图所示,当然还有很多很多例子:
Ajax是几个英文名称的简称:
(1)Asynchronous :异步
(2)JavaScript(3)And :和
(4)XML
所以:ajax技术就是利用javascript和xml实现异步交互的功能
现在比较多应用的是用json替代XML了。
传统的web应用程序运行原理:
ajax程序运行原理:
如下是一个简单例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Ajax测试</title> <script> window.onload=function(){ document.getElementById('btnOk').onclick=function(){ //实例化ajax对象 //这种方式只有在IE才能成功,因为只有IE才有ActiveXObject对象 var xhr=new ActiveXObject('Microsoft.XMLHTTP'); alert("02"); //初始化对象 xhr.open('get','demo01.PHP'); //当对象状态改变时候所触发的回调函数 xhr.onreadystatechange=function(){ if(xhr.readyState==4){ //弹出对话框 alert(xhr.responseText); } }; xhr.send(null); }; }; </script> </head> <body> <input type='button' id='btnOk' value='确定'> </body> </html>
<?PHP echo "Hello Ajax"; ?>最后在IE上输出的结果如下图,在其它浏览器上执行时没有这个效果的:
至此对AJAX有了初步的了解