AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
主要包含了以下几种技术:
1.基于web标准(standards-based presentation)XHTML+CSS的表示;
2.使用 DOM(Document Object Model)进行动态显示及交互;
3.使用 XML 和 XSLT 进行数据交换及相关操作;
4.使用 XMLHttpRequest 进行异步数据查询、检索;
5.使用 JavaScript 将所有的东西绑定在一起。
优点和缺点:
传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然後返回一个新的网页。这个做法浪费了许多带宽,因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。
与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。
使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。
Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。
ajax交互过程:
1.客户端事件,调用javascript函数编写事件处理程序
<input type="text" size="16" id="userName" onclick="validate()"/>
2.创建XMLHttpRequest对象
对于Internet Explorer浏览器:
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
由于在不同Internet Explorer浏览器中XMLHTTP版本可能不一致,为了更好的兼容不同版本。
对于Mozilla﹑Netscape﹑Safari等浏览器
xmlhttp_request = new XMLHttpRequest();
3.配置XMLHttpRequest对象
4.XMLHttpRequest对象发送一个异步HTTP请求道服务器
xmlhttp_request.open('GET', URL, true);
xmlhttp_request.send(null);
5.服务器程序(接受请求,处理请求,返回响应)
6.XMLHttpRequest对象调用函数
分享到:
相关推荐
ajax知识点总结
Ajax由html、javascript技术、dhtml和DOM组成这个方法可以将web界面转化成交互性的ajax应用程序
Ajax 知识点练习答案.md
史上最全面的Ajax知识点归纳总结
主要介绍ajax的一些基础开发,让你轻松了解ajax
Ajax的介绍及使用方法(前后端)
代码+知识点汇总,采用xmind框图导出,知识点简单明了,无论是学过还是没学过,通过这个资料过一遍绝对对ajax整体清楚明了。
Ajax的知识结构和内容,Ajax的知识结构,PPT下载,适用于老师
对Ajax技术的简要总结,关键对象,属性,方法的功能描述,供你查询。
该专题包含以下内容: 1. 专题思路. 2. 体验AJAX 3. 知识架构 4. 实例说明 5. 专题总结
PHP 和 AJAX 知识点: * AJAX 简介:AJAX 是一种异步 JavaScript 和 XML 技术,用于实现动态网页更新。 * XMLHttpRequest:XMLHttpRequest 是 AJAX 的核心对象,用于发送和接收数据。 * AJAX 应用:PHP 和 AJAX ...
ajax课堂笔记,详细记录了课堂上老师讲解到的ajax知识点
个人总结的一些ajax资料和jquery资料,对于初学者有很大的帮助
、微信小程序等xmind文件前端学习全部知识点课堂笔记思维导图总汇前端学习全部知识点课堂笔记思维导图总汇前端学习全部知识点课堂笔记思维导图总汇前端学习全部知识点课堂笔记思维导图总汇前端学习全部知识点课堂...
本书从易到难、由浅入深、循序渐进系统地介绍了ASP.NET AJAX(C#)知识点和基于AJAX的Web应用系统的开发技术。全书通俗易懂,大量的实例供读者更加深刻地巩固所学习的知识,使读者更好地进行开发实践。 本书共分为15...
总结不易,知识全面,愿以此帮助更多对Ajax迷茫的人!
资料收集的不多,但也算有价值的,就当免费了.
通读《AJAX安全技术》你将看到很多用于阐述关键知识点的真实Ajax安全漏洞案例。在书中还讲到保护Ajax应用的特殊方法,包括每种主要Web编程语言(.NET、Java和PHP)及流行新语言Ruby on Rails。 《AJAX安全技术》一书...
Java学习更是如此,知识点总结目录如下: 目录 一、 Java概述 3 二、 Java语法基础 5 数据类型 5 运算符号 14 语句 15 函数 15 方法重载(Overloadjing)与重写(Overriding) 16 数组 17 总结 18 三、 常见关键字 ...
通读《AJAX安全技术》你将看到很多用于阐述关键知识点的真实Ajax安全漏洞案例。在书中还讲到保护Ajax应用的特殊方法,包括每种主要Web编程语言(.NET、Java和PHP)及流行新语言Ruby on Rails。, 《AJAX安全技术》一...