【AJAX01】AJAX介绍

1 全局刷新和局部刷新

在一般的B/S 结构的Java Web项目中, 浏览器(Browser)负责把用户的请求和参数通过网络发送给服务器(Server),服务端使用 Servlet接收请求,并将处理结果返回给浏览器;

浏览器在 html、jsp上呈现数据,混合使用 css、js帮助美化页面,或响应事件;当用户发出请求或浏览器接收的响应后有两种属性方式:全局刷新和局部刷新;

全局刷新:是指在浏览器发出一个请求,服务器接收到请求并给予响应后,浏览器的整个页面都会重新加载;全局刷新可以保证用户的每次访问都是最新的数据;不过由于页面中的存在某些内容在刷新前和刷新后不会改变,所以全局刷新的程序会有执行效率是不高、用户的体验不好等特点; 局部刷新:是指在浏览器发出请求后,浏览器页面中只有一部分内容会重新加载,剩余其他内容是固定不变的;局部刷新有效地解决了全局刷新所造成的一系列问题,可以很好地提高执行效率并且提高用户的使用体验;

AJAX就是应用于局部刷新的技术,不过AJAX不是一个新语言,而是之前内容的一种新的编写方式;AJAX会将前端技术和后台技术整合在一起,形成一种新的使用方式,完成局部刷新的效果;

2 异步请求对象

在局部刷新,需要创建一个对象,代替浏览器发起请求并接收响应数据(这个对象存在内存中),这个对象叫做异步请求对象

全局刷新是同步行为, 局部刷新是异步行为(异步是指浏览器数据没有全部更新),这个异步对象用于在后台与服务器交换数据在AJAX中,XMLHttpRequest就是我们说的异步对象。;

XMLHttpRequest对象能够:

  • 在不重新加载页面的情况下更新网页 ;

  • 在页面已加载后向服务器请求数据;

  • 在页面已加载后从服务器接收数据 ;

所有现代浏览器(IE7+、 Firefox、 Chrome、 Safari 以及 Opera)都内建了 XMLHttpRequest对象,通过一行简单的 JavaScript 代码,我们就可以创建XMLHttpRequest对象:

 var xmlhttp=new XMLHttpRequest();

AJAX 中的核心对象就是 XMLHttpRequest

3 什么是 AJAX

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

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分页面内容的新方法,AJAX 不是新的编程语言,而是使用现有技术混合使用的一种新方法;

AJAX中使用的技术有:JavaScript, html , dom , xml ,css 等,其中主要是 JavaScript以及XML

  • JavaScript:使用脚本对象 XMLHttpRequest 发送请求、接收响应数据;

  • XML:发送和接收的数据格式,不过现在使用 json居多;

AJAX 不单需要前端的技术,同时需要后端(服务器)的配合,服务器需要提供数据,数据是 AJAX 请求的响应结果。

版权声明:
作者:jackqiang
链接:http://www.jackqiang.com/javaweb/script/ajax/2192/intro_2_ajax/
来源:JackQiang's
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录