Java Web学习笔记13：AJAX基础

文章目录

一、AJAX概述

1、XMLHttpRequest对象的属性

2、XMLHttpRequest对象的方法

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

1、创建Web项目AjaxDemo

2、修改Web项目首页文件index.jsp

3、在web目录创建子目录data，在里面创建userlist.txt文件

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

5、启动服务器，查看运行效果

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

1、在web目录里创建login.html页面

2、在src里创建net.hw.servlet包，在里面创建LoginServlet

3、创建登录成功页面success.html

4、创建登录失败页面failure.html

5、启动服务器，查看运行效果

6、小结

四、案例演示——利用AJAX获取服务器端返回的JSON字符串

1、在web目录里创建getJSONData.html页面

2、在net.hw.servlet包里创建GetJsonServlet类

3、启动服务器，查看运行效果

五、案例演示——利用jQuery AJAX获取服务器端返回的JSON字符串

1、在web目录创建js子目录，添加jQuery脚本库文件

2、在web目录创建获取json数据页面getJsonData02.html

3、启动服务器，查看运行效果

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

1、在web目录里创建登录页面login02.html

2、启动服务器，查看运行效果

---

一、AJAX概述

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

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

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

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

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

1、XMLHttpRequest对象的属性

readyState一共有5种取值：

•         0：请求没有发出（在调用open()函数之前）
<