Java Web学习笔记13:AJAX基础

本文详细介绍了AJAX的基础知识,包括XMLHttpRequest对象的属性和方法。通过多个案例展示了如何利用AJAX实现页面局部刷新、登录功能以及获取服务器端返回的JSON数据,同时对比了使用jQuery简化AJAX操作的方法。
摘要由CSDN通过智能技术生成

文章目录

一、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的对象之前,必须首先确定用户当前使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

howard2005

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值