一.Ajax技术

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

二.Ajax工作原理

Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

  在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能:

动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。

提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在某购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载整个页面的数据。如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。 消除了每次用户输入时的页面刷新。例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。
直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。

三. Ajax的优势

1、减轻服务器的负担。因为Ajax的根本理念是“按需取数据”,所以最大可能在减少了冗余请求和响影对服务器造成的负担;

2、无刷新更新页面,减少用户实际和心理等待时间;

首先,“按需取数据”的模式减少了数据的实际读取量,打个很形象的比方,如果说重载的方式是从一个终点回到原点再到另一个终点的话,那么Ajax就是以一个终点为基点到达另一个终点,其次,即使要读取比较大的数据,也不用像RELOAD一样出现白屏的情况,由于Ajax是用XMLHTTP发送请求得到服务端应答数据,在不重新载入整个页面的情况下用Javascript操作DOM最终更新页面的,所以在读取数据的过程中,用户所面对的也不是白屏,而是原来的页面状态(或者可以加一个LOADING的提示框让用户了解数据读取的状态),只有当接收到全部数据后才更新相应部分的内容,而这种更新也是瞬间的,用户几乎感觉不到。总之用户是很敏感的,他们能感觉到你对他们的体贴,虽然不太可能立竿见影的效果,但会在用户的心中一点一滴的积累他们对网站的依赖。

3、更好的用户体验;
4、也可以把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,节约空间和带宽租用成本;
5、Ajax由于可以调用外部数据;
6、基于标准化的并被广泛支持和技术,并且不需要插件或下载小程序;
7、Ajax使WEB中的界面与应用分离(也可以说是数据与呈现分离);
8、对于用户和ISP来说是双盈的。

四.Ajax的问题

1、一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax;
2、用JavaScript作的Ajax引擎,JavaScript的兼容性和DeBug都是让人头痛的事;

3、Ajax的无刷新重载,由于页面的变化没有刷新重载那么明显,所以容易给用户带来困扰――用户不太清楚现在的数据是新的还是已经更新过的;现有的解决有:在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等;

转载于:https://www.cnblogs.com/blueland/p/8759028.html

javaee 第五周作业相关推荐

  1. PHP第五周答案,算法设计与分析第五周作业——Word Ladder

    算法设计与分析第五周作业--Word Ladder 上周找了一道深度搜索优先搜索的算法题来做,于是这周就选了一道广度优先搜索算法题来试试手. 本周所选题目:原题目链接 题目详情 题目大意:给出一个字符 ...

  2. Linux创建名为vgtest的分区,第五周作业,

    第五周作业, 1.磁盘lvm管理,完成下面要求,并写出详细过程: 1)创建一个至少有两个PV组成的大小为20G的名为testvg的VG;要求PE大小 为16MB, 而后在卷组中创建大小为5G的逻辑卷t ...

  3. Python第五周作业

    Python第五周作业 1. 一元二次方程求根 2. 百钱买百鸡 3. 鸡兔同笼 4. 最大公约数和最小公倍数 5. 判断三角形并计算面积 6. 判断IP地址合法性 7. 回文素数 8. 反素数 9. ...

  4. 学号20189220 2018-2019-2 《密码与安全新技术专题》第五周作业

    学号20189220 2018-2019-2 <密码与安全新技术专题>第五周作业 课程:<密码与安全新技术专题> 班级: 1892 姓名: 余超 学号:20189220 上课教 ...

  5. 2019 第五周作业

    2019春季第五周作业 这个作业属于哪个课程 C语言程序设计ll 这个作业要求在哪里 (https://edu.cnblogs.com/campus/zswxy/software-engineerin ...

  6. 陈斌老师《数据结构与算法Python版》第五周作业——ASCII谢尔宾斯基地毯

    陈斌老师<数据结构与算法Python版>第五周作业--ASCII谢尔宾斯基地毯 题目 思路 程序如下 总结 题目 谢尔宾斯基地毯是形如上图的正方形分形图案,每个地毯可分为等大小的9份,其中 ...

  7. 20169210 2016-2017-2《网络攻防实践》第五周作业

    教材学习内容总结 Web应用程序安全攻防 1. SQL注入攻击步骤: 1 发现SQL注入点 2 判断后台数据库类型 3 后台数据库中管理员用户口令字猜解 4 上传ASP后门,得到默认账户权限 5 本地 ...

  8. 网络攻防-20169213-刘晶-第五周作业

    教材学习内容总结 传统C/S架构的计算B/S架构 "瘦"客户端:Browser (Web客户端) "厚"服务器:Web服务器.Web应用程序.数据库- 通讯机制 ...

  9. 2019春第五周作业

    这个作业属于哪个课程 C语言程序设计 这个作业的要求在哪里 (https://edu.cnblogs.com/campus/zswxy/software-engineering-class2-2018 ...

最新文章

  1. UBuntu14.04下安装和卸载Qt5.3.1
  2. oracle字符串转in方法,Oracle 逗号分割的字符串转换为可放入in的语句
  3. matlab试用账号,免费试用MATLAB
  4. cmd长ping记录日志和时间_Gin 框架系列 — 路由中间件:日志记录
  5. 使用 VS 附加到进程 调试发布的网站
  6. 清华大学2019计算机录取分数线,2019年清华大学各省各批次录取分数线
  7. 3成失眠者放下手机才能睡 说中你了吗?
  8. 在CentOS6和CentOS7安装epel仓库-最简单的方法
  9. 【渝粤题库】陕西师范大学300009 考古学概论
  10. S71200PLC程序博图V14 西门子博图编写
  11. 云计算之k8s系列_第三回
  12. dnf强化卷代码_dnf强化卷叫什么名字?
  13. HDFS dfsclient读文件过程 源码分析
  14. 番茄todo服务器维护,番茄ToDo:克服“拖延症”必备高效神器!
  15. 2020年了,还不懂数据挖掘?数据挖掘工具有哪些?
  16. 代码坏味道类型和解决方法简介
  17. 算法竞赛入门【码蹄集进阶塔335题】(MT2076-2100)
  18. 老宇哥带你玩转ESP32:01入门介绍
  19. Python Tkinter 之Radiobutton控件(Python GUI 系列8)
  20. CMTime,CMTimeMake CMTimeMakeWithSeconds

热门文章

  1. 使用jQuery的blockUI来实现页面回传数据时的等待页面
  2. C#多线程之Thread
  3. 《Pytorch - 逻辑回归模型》
  4. 漫步数学分析十七——连续映射上的运算
  5. CS224n-week1-课程导学
  6. 【高斯和拉普拉斯为什么分别对应L2和L1?】差分隐私系统学习记录(五)
  7. PyTorch 搭建神经网络 (MNIST)[含注释]
  8. Multi-thread--C++11中std::mutex的使用
  9. 利用RobHess源码实现SIFT算法及RANSAC去错的图像特征提取匹配及去除错匹配
  10. Nginx担当WebSockets代理