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

软件工程系 赵月鹏,第九讲AJAX,9.3 发送请求,主要内容,9.1 AJAX简介,9.2 AJAX应用到的技术,9.4 接收请求,9.5 AJAX开发框架,9.6 AJAX相关知识,9.1 AJAX简介,AJAX术语,1、术语 Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。2、在Ajax之前，Web站点强制用户进入提交/等待/重新显示范例，用户的动作总是与服务器的“思考时间”同步。3、Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。借助于Ajax，可以在用户单击按钮时，使用JavaScript DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。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包含的技术,9.1 AJAX简介,Ajax的缺陷,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 接收请求,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请求,9.5 AJAX开发框架,D、处理服务器返回的信息,9.5 AJAX开发框架,D、处理服务器返回的信息,9.6 AJAX相关知识,解析HTML,9.6 AJAX相关知识,同步交互和异步交互的区别,作业,设计两张表：专业表（专业编号，专业名称），班级表（班级编号，班级名称，专业编号）。数据类型自行定义。创建工程，实现专业表和班级表数据的级联。JSP页面效果图如下：选择软件技术 选择计算机信息管理效果页面,Thank You!,本课结束！,