理解Ajax
来源:互联网 发布:怎样开通知乎 编辑:程序博客网 时间:2024/06/05 05:12
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>
<?phpecho "Hello Ajax";?>最后在IE上输出的结果如下图,在其它浏览器上执行时没有这个效果的:
至此对AJAX有了初步的了解
0 0
- 理解ajax
- ajax-理解
- AJAX理解
- 理解Ajax
- Ajax理解
- ajax理解
- Ajax理解
- ajax 理解
- Ajax理解-ajax笔记
- [Ajax]ajax学习与理解
- ajax的一些理解
- Ajax的一点理解
- AJAX的理解
- AJAX 之 理解 UpdatePanel
- ajax 理解学习1
- Ajax之Post理解
- 对AJAX的理解 ?
- Ajax的理解
- 浅谈文档类的特性及应用
- linux如何配置自己的*.h和*.so
- Windows使用SSH账号上twitter(ssh+firefox)
- 畅通工程
- HEVC——SPS参数集解析
- 理解Ajax
- GeeksforGeeks Dynamic Programming | Set 37 (Boolean Parenthesization Problem)
- 【差分约束】 HDOJ 1384 Intervals
- HttpSession及tomcat对其的管理的详解
- 技术革命才是真正的革命
- 从“起底郭美美”看大数据在新闻媒体运作中的应用
- [zoj 3626]Treasure Hunt I 树DP
- text段,data段,bss段,堆和栈
- Pop Sequence (25) stack 的简单运用