Ajax开发与传统web开发方式

    Ajax(英文缩写:Asynchronous   JavaScript  And  XML,即异步JavaScriptXML),把用户和Web页面间的交互与Web浏览器和服务器间的通信分离开来。

对比

用户交互方式

    传统的Web应用:用户点击链接或按钮,向服务器端提出请求,用户需要等待服务器的响应,服务器端开始进行相应的处理,处理完成之后,把响应的结果通过一个新的HTML页面返回给用户。

    传统Web应用,称为同步交互方式。用户每进行一个操作,都要等待服务器的响应过程。

    Ajax应用方式:称为异步方式。用户向服务器端提交请求后,不需要等待服务器的响应,可以继续自己的用户体验。当服务端进行了相应处理之后,返回给浏览器,会有XMLHTTPRequest接收返回的数据结果,并将响应的结果呈现给用户。

服务器和客户端的工作量

    传统Web程序,服务器端承担大量的工作,客户端只有数据显示的功能。

    Ajax应用程序,客户端界面和Ajax引擎都是在客户端运行,这样可以将一些服务器工作在Ajax引擎处实现。

用户体验

 

用户体验

表面现象

本质

传统方式

A页面->B页面->A页面

用户需要在不同页面中进行操作

Ajax方式

始终在A页面

用户只在一个页面中进行操作

页面端

 

页面端

表面现象

本质

传统Web方式

1.  页面代码简单

2.  Submit按钮提交数据,表单管理数据

3.  Input中定义name属性

浏览器做了很多数据组织和提交工作

Ajax方式

1.       页面代码量大

2.       通过button的一个onclick事件转向js的方法,然后通过编写js代码来获取数据,发送数据,接收数据

3.       Input中定义id属性

4.       页面中预留了div标签,自己编写js代码将div中的内容更新

需要自己编写代码进行数据的组织,提交,接收,并进行页面的更新。

服务器端

 

服务器端的servlet

表面现象

本质

传统方式

接收请求数据

进行校验操作

输出结果

输出校验页面地址

返回页面

Ajax方式

接收请求数据

进行校验操作

输出结果

返回数据

 

Ajax缺点:

1.ajax通信常常是一个数据片段,例如,xml.html片段,或者纯文本,这些信息不是完整的html文档,而且通过后台来异步获取,不能被搜索引擎发现并缓存.

2.ajax将大量的运算从服务器端转移到了客户端,意味着浏览器将承受更大的负担,不再是简单的文档显示。





评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值