一、AJAX概述

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

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

AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

在创建一个XMLHttpRequest的对象之前,必须首先确定用户当前使用的浏览器类型,之后根据浏览器类型创建合适的XMLHttpRequest对象,如果为普通的FireFox,则直接使用new XMLHttpRequest()的方式创建;而如果IE浏览器,则通过new ActiveXObject()的方式进行创建。

1.VXMLHTTPResquest对象的属性

Java web 学习笔记--AJAX基础
readyState一共有5种取值:
0:请求没有发出(在调用open()函数之前)
1:请求已经建立但还没有发出(在调用send()函数之前)
2:请求已经发出正在处理之中(这里通常可以从响应得到内容头部)
3:请求已经处理,正在接收服务器的信息,响应中通常有部分数据可用,但是服务器还没有完成响应。
4:响应已完成,可以访问服务器响应并使用它。

2.XMLHttpRequest对象的方法

Java web 学习笔记--AJAX基础
XMLHttpRequest对象的open()和send()方法在回调函数中出现较多,一般都会用open()方法设置一个提交的路径,并通过地址重写的方式设置一些请求的参数,而真正的发出请求操作可以通过send()方法完成。异步验证时要执行用JavaScript操作。在XMLHttpRequest对象中可以使用responseXML()方法接收一组返回的XML数据,这些返回的XML数据可以动态生成(利用JDOM工具将数据库中的数据变为XML文件),也可以直接读取一个XML文件,当客户端接收读取的XML文件之后,可以通过DOM解析的方式对数据进行操作。

二、案例演示——不加载整个页面局部刷新内容

1,创建Web项目----AjaxDemo

可以快速创建项目,但是用快速创建的话要记得修改两处设置(请看快速创建Web项目)
Java web 学习笔记--AJAX基础

2.修改index.jsp文件

Java web 学习笔记--AJAX基础

3.在Web目录里创建包data,在data里创建文件userlist.txt

Java web 学习笔记--AJAX基础
Java web 学习笔记--AJAX基础
创建好后写上内容
Java web 学习笔记--AJAX基础

4.在web目录创建getUserList.html页面

Java web 学习笔记--AJAX基础

代码如下
Java web 学习笔记--AJAX基础
插入要加进去的代码
Java web 学习笔记--AJAX基础

启动服务器,查看运行效果

Java web 学习笔记--AJAX基础
AJAX同步:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。
用户填写所有信息后,提交给服务器,等待服务器的回应(检验数据),是一次性的。信息错误又要重新填写!

AJAX异步:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。
当用户填写完一条信息后,该信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用户的时间,提高了用户的体验。

三、案例演示——利用AJAX实现登录功能

相关文章: