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有了初步的了解
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。