web前端开发——AJAX入门
来源:互联网 发布:java socket编程 聊天 编辑:程序博客网 时间:2024/05/04 19:09
什么是AJAX
AJAX: A New Approach to Web Applications XML
AJAX是老技术新思想。它所包含的内容我们之前都接触过。如下:
(1)使用XHTML和CSS的基于标准的表示技术
(2)使用DOM进行动态显示和交互(3)使用XML和XSLT进行数据交换和处理
(4)使用XMLHttpRequest进行异步数据检索(5)使用Javascript将以上技术融合在一起
就像将几种酒混合成鸡尾酒一样,AJAX让老的技术换发出新的生命力。
AJAX的作用
(1)改善表单验证方式,不再需要打开新页面,也不再需要将整个页面数据提交
(2)不需刷新页面就可改变页面内容,减少用户等待时间
(3)按需获取数据,每次只从服务器端获取需要的数据
(4)读取外部数据,进行数据处理整合
(5)异步与服务器进行交互,在交互过程中用户无需等待,仍可继续操作
AJAX应用模式的流程与传统Web应用模式相比
AJAX应用的流程是:在浏览器中输入数据->点击按钮提交请求->用户可以继续做其他事情;Servlet在处理数
据,并发回数据->浏览器收到响应->浏览器中的当前页面显示响应结果,这其中仍然有些过程由于时间短暂使你忽略
了它的所在,但实际上这些过程都是存在的。
传统Web开发思维模式的一个特点是通过form表单提交请求信息,然后转向一个新的页面处理请求,并显示服务
器端返回的信息。
下面看幅图
ajax缺点
(1)AJAX没有Back和History功能,即对浏览器机制的破坏
(2)AJAX的安全问题。
(3)对搜索引擎支持较弱。
(4)客户端过肥,太多客户端代码造成开发上的成本。
(5)破坏程序的异常处理机制,违背URL和资源定位的初衷。
AJAX适用场景
小结
由于可以在页面内与服务器通信,不必整体刷新页面,减少了数据传输量,提高了Web应用的响应速度,给用户
带来全新的感受。可以认为AJAX就是Web标准和Web应用的可用性理论的集大成者。它极大地改善了Web应用的可用性
和用户的交互体验,最终得到了用户和市场的广泛认可。所以可以说,AJAX就是用户和市场的选择。
- web前端开发——AJAX入门
- web前端开发技术入门
- Web开发-Ajax入门详解
- ant入门指南—web前端开发七武器(1)
- web前端开发七武器—ant入门指南(1)
- web前端开发入门之网站布局
- 前端Web开发MVC模式-入门示例
- Web前端HTML5开发入门之HTML
- web前端工程师—开发工具
- Web前端—前端高效开发之“一键切图”教程
- 使用jQuery简化Ajax开发——Ajax开发入门
- 使用jQuery简化Ajax开发——Ajax开发入门
- 使用jQuery简化Ajax开发——Ajax开发入门
- 使用jQuery简化Ajax开发—Ajax开发入门[1]
- web前端----ajax
- WEB前端-AJAX-初识
- WEB前端开发之ajax基础篇+跨域访问
- 【Web前端开发】Vue+AJAX+Bootstrap-table导致失效问题
- Android开发规范
- swing组件通用属性
- Linux centos 下 eclipse 打开文件时关闭
- Android自定义组件系列【12】——非UI线程绘图SurfaceView
- 了解SQLServer中varchar(max)、nvarchar(max)和varbinary(max)
- web前端开发——AJAX入门
- 4. Qt的容器类
- 4 asc2码排序
- VS2013中F#的新特性
- python尝试
- C++ STL priority_queue
- LINUX 根目录下的目录的主要作用
- HDU 5147 BestCoder #23(树状数组区间 前缀和,后缀和)类似LA4329
- 第十七周项目二之引用(指针)做参数