《JavaWeb基础》第九讲-AJAX.ppt

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