Ajax菜鸟学习系列2- 核心对象XMLHttpRequest
XMLHttpRequest的杀手锏
XMLHttpRequest 对象用于在后台与服务器交换数据,可以不需要重新加载页面而达到更新网页局部的目的,根据Ajax的定义(是一种在无需重新加载整个网页的情况下,能够更新局部网页的技术)可知,该对象是Ajax的核心。
用户名校验,两种方式实现
传统方式:
当点击“检验”按钮时,跳转到另一个页面
(代码见Classic.html、ClassicServer.java后台代码不是重点能看懂就行)
Classic.html
ajax方式:
校验过程中,始终在一个页面,只是页面的反馈内容更新了。
(代码见Ajax.html、AjaxServer.java后台代码不是重点能看懂就行)
Ajax.html
AjaxServer.java
两种方式比较
通过页面变化和代码可以发现:
即使传统方式始终在一个页面进行操作,和页面跳转的实质是一样的,都是刷新整个页面
从上篇博客Ajax菜鸟学习系列1—老技术新思想中的 ajax思想原理图可以容易的看出。
小结