第二阶段：AJAX实战——在线拍卖系统登录升级

Oracle教程的第二阶段主要聚焦于实践应用Ajax技术进行网页开发，特别是针对一个名为“e拍”在线拍卖系统的升级项目——改进用户的登录功能。这个阶段的目标是让学员亲自动手编写代码，提升他们的编程能力和理解Ajax技术在前后端交互中的作用。 首先，项目案例6涉及的任务是使用Ajax技术实现无刷新登录。在前端部分，学员需要创建一个包含用户名和密码输入框的页面，并编写JavaScript代码。关键的Ajax代码片段包括： 1. 定义XMLHttpRequest对象：这是一个用于异步请求的变量，它是Ajax通信的核心。 2. `createXmlHttpRequest()`函数：用来初始化一个新的XMLHttpRequest对象。 3. `doLogin()`函数：当用户点击登录按钮时被调用。它从输入框中获取用户名和密码，构建请求URL，然后通过`open()`方法开启一个GET请求，并发送数据到服务器。 4. `onreadystatechange`事件处理器`haoLeJiaoWo()`：当服务器响应返回时，检查readyState属性的值为4（表示响应已完成），同时status为200（表示请求成功）。这时，响应文本被存储在`responseText`属性中，后续在这里处理服务器返回的数据。 问题分析-1着重于前端的Ajax实现，包括如何构造请求、如何处理服务器返回的响应。而问题分析-2则转向服务器端代码，具体到Spring MVC框架下的`UserAction`类中的`doLogin()`方法。在这个方法中，首先清除会话中已有的用户信息，然后接收前端传来的用户名和密码参数。接着，通过业务逻辑（如`userBiz.login()`方法）验证用户输入，如果验证通过且获取到非空用户对象，那么表示登录成功。 整个过程中，学员需要理解Ajax如何异步地与服务器通信，以及如何在前端解析和处理来自服务器的响应。同时，服务器端的代码设计也体现了如何在Web应用中进行安全的用户认证。这个环节对于理解前后端协作、响应式用户体验和基本的Web安全性至关重要。完成这个任务将有助于学员巩固Ajax技术的实践应用能力，并为进一步的Web开发项目打下坚实基础。