Java Web程序设计 课件 第11章 Web其它常用技术.pptx

第11章其它Web常用技术主讲人：2025/2/61

本章课程目标知识目标掌握Ajax、文件上传基本工作原理与开发过程；掌握JSTL与EL表达式技术；能力要求：运用Ajax实现前后端间的数据传输与解析，实现局部刷新能够编写文件上传的程序，并正确地实现多种数据的传输与解析2025/2/6《Web程序设计》2

主要内容2025/2/6《Web程序设计》31Ajax2文件上传与下载3EL表达式4JSTL表达式

AjaxAjax的全称是AsynchronousJavaandXML，中文名称定义为异步的Java和XML,是指一种创建交互式网页应用的网页开发技术。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。2025/2/6《Web程序设计》4

传统开发模式页面中用户的每一次操作都将触发一次返回Web服务器的HTTP请求，服务器进行相应的处理（获得数据、运行与不同的系统会话）后，返回一个HTML页面给客户端。2025/2/6《Web程序设计》5

Ajax开发模式在Ajax应用中，页面中用户的操作将通过Ajax引擎与服务器进行通信，然后将返回结果提交给客户端页面的Ajax引擎，再由Ajax引擎来决定将这些数据插入到页面的指定位置。2025/2/6《Web程序设计》6

Ajax的优点页面无刷新，在页面内与服务器通信，给用户的体验非常好。使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。可以把以前一些服务器负担的工作转到客户端，减轻服务器的负担，Ajax的原则是“按需取数据”，可以最大程度的减少冗余请求。基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。2025/2/6《Web程序设计》7

XMLHttpRequest对象Ajax最核心的技术就是XMLHttpRequest，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）连接一个服务器。在Ajax应用中，通过JavaScript操作DOM，可以达到不刷新页面的情况下实时修改用户界面的目的。通过XMLHttpRequest对象，Ajax可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新页面。2025/2/6《Web程序设计》8

初始化XMLHttpRequest对象IE浏览器创建对象非IE浏览器创建对象2025/2/6《Web程序设计》9varhttp_request=newActiveXObject(“Msxml2.XMLHTTP”);//IE8以下//或者varhttp_request=newActiveXObject(“Microsoft.XMLHTTP”);//IE8及以上varhttp_request=newXMLHttpRequest();

初始化XMLHttpRequest对象完整的写法2025/2/6《Web程序设计》10varhttp_request=false;if(window.XMLHttpRequest){//非IE浏览器http_request=newXMLHttpRequest();}elseif(window.ActiveXObject){//IE浏览器try{http_request=newActiveXObject(Msxml2.XMLHTTP);//使用第一种方式初始化}catch(e){//第一种方式错误，使用第二种方式初始化http_request=newActiveXObject(Microsoft.XMLHTTP);}}

常用方法方法语法格式说明openopen(method,URL[,asyncFlag[,userName[,password]]])method：用于指定请求的类型，一般为GET或POST。URL：用于指定请求地址，可以使用绝对地址或者相对地址，并且可以传递查询字符串。asyncFlag：为可选参数，用于指定请求方式，异步请求为true，同步请求为false，默认情况下为true。userName：为可选参数，用于指定请求用户名。password：为可选参数，用于指定请求密码。用于设置进行异步请求目标的URL、请求方法以及其他参数信息sendsend(content)content：用于指定发送的数据，可以是DOM对象的实例、输入流或字符串。用于向服务器发送请求。如果请求声明为异步，该方法立即返回，否则将等到接收到响应为止abortabort()用于停止或放弃当前异步请求。2025/2