当前位置:
文档之家› 2019-2020年人教统编《JavaWeb基础》第九讲——AJAX课件
2019-2020年人教统编《JavaWeb基础》第九讲——AJAX课件
第九讲《AJAX》
软件工程系 赵月鹏
9.1 AJAX简介 9.2 AJAX应用到的技术 9.3 发送请求 9.4 接收请求 9.5 AJAX开发框架 9.6 AJAX相关知识
9.1 AJAX简介
AJAX术语
1、术语 Ajax用来描述一组技术,它使浏览器可以为用户提供更为自 然的浏览体验。
2、在Ajax之前,Web站点强制用户进入提交/等待/重新显示范例, 用户的动作总是与服务器的“思考时间”同步。
9.5 AJAX开发框架
D、处理服务器返回的信息
9.5 AJAX开发框架
D、处理服务器返回的信息
9.6 AJAX相关知识
解析HTML
9.6 AJAX相关知识
同步交互和异步交互的区别
作业
设计两张表:专业表(专业编号,专业名称),班级表(班级编号, 班级名称,专业编号)。数据类型自行定义。
创建工程,实现专业表和班级表数据的级联。
4、最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站 点看起来是即时响应的。
9.1 AJAX简介
AJAX技术的产生
Ajax被认为是(Asynchronous JavaScript and XML 的缩写)。现在,允许浏览器与服务器通信而无须 刷新当前页面的技 术都被叫做Ajax. Ajax在Google中广泛被应用,例如Google Map 、Google Suggest 和 Google Ads。
9.1 AJAX简介
9.1 AJAX简介
9.1 AJAX简介
什么是Ajax
9.1 AJAX简介
什么是Ajax
9.1 AJAX简介
Ajax工作原理
9.1 AJAX简介
Ajax工作原理
8.1 AJAX简介
Ajax工作原理图
9.1 AJAX简介
Ajax包ax的缺陷
3、Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循 环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用 JavaScript DHTML立即更新UI,并向服务器发出异步请求,以执 行更新或查询数据库。当请求返回时,就可以使用JavaScript和 CSS来相应地更新UI,而不是刷新整个页面。
9.2 AJAX应用到的技术
9.2 AJAX应用到的技术
9.2 AJAX应用到的技术
9.2 AJAX应用到的技术
9.3 发送请求
9.3 发送请求
9.3 发送请求
9.3 发送请求
9.4 接收请求
9.4 接收请求
9.4 接收请求
9.4 接收请求
9.4 接收请求
9.4 接收请求
JSP页面效果图如下:
选择软件技术 效果页面
选择计算机信息管理
本课结束!
9.5 AJAX开发框架
开发框架介绍
9.5 AJAX开发框架
A、初始化XMLHttpRequest对象
9.5 AJAX开发框架
A、初始化XMLHttpRequest对象
9.5 AJAX开发框架
B、指定相应处理函数
9.5 AJAX开发框架
C、发出HTTP请求
9.5 AJAX开发框架
C、发出HTTP请求