《HTML教程》_12.4.3-14.4.5教学材料.pptxVIP

绝对不能对innerHTML显示的元素注册事件处理程序发送Ajax请求！否则，就起不到Ajax应有的作用！Ajax的作用是在不刷新当前网页的情况下请求服务器，并用服务器返回的数据，更新当前页面。

如果对innerHTML显示的元素注册事件处理程序，发送Ajax请求，则相当于在另一个页面中发起请求，会刷新当前页面，起不到Ajax应有的作用！

这个问题的现象就是，Ajax请求收不到服务器端的响应，不会触发readystatechange事件，同时刷新当前页面。如果遇到这种现象，你就有可能掉入innerHTML的怪圈。为了说明这个问题，让我们修改一下loginView（清单12-6）和login.html（清单12-7）的代码，修改方法如下：

Login.html文件修改如下：将以下代码的注释标记去掉，也就是说使用login.html中的“登录”按钮，而不是通过创建DOM节点的方式创建“登录”按钮。!--trthcolspan=2buttonid=loginBtn登录/button/th/tr--

loginView修改如下：将以下代码varloginBtn=document.createElement(input); loginBtn.setAttribute(type,button); loginBtn.setAttribute(value,登录); addEvent(loginBtn,click,login); container.appendChild(loginBtn);

修改为varloginBtn=document.getElementById(loginButton);addEvent(loginBtn,click,login);也就是说，不再使用创建DOM节点的方式创建“登录”按钮，而是使用login.html中的登录按钮。

从清单12-6可以看出，loginView中的数据处理是把login.html的内容，通过innerHTML属性显示在ID为container的div中，也就是说，现在我们给innerHTML中的元素——也就是“登录”按钮——注册了事件处理程序，让innerHTML中的按钮向服务器发送Ajax请求。

现在运行一下程序——当然你必须在服务器端代码完成之后，才可以运行这个应用——看看你观察到了什么？

12.4.4登录功能的控制层实现——login方法在JavaWeb应用中，以Servlet作为控制层。如果你没学习过JSP的内容，那就把Servlet作为能够在服务器端运行的Java代码就可以了。。

在学习的过程中，没有接触过Java的同学，可以只编写客户端程序，也就是我们的Ajax程序，服务器端的程序只要复制随书源代码就可以了

回想一下12.2.1节，我们已经在BaseServlet.java中实现了最基本的控制分发、客户端数据响应等功能，这里只需要继承这个BaseServlet，就可以重用这些基本的功能啦。

在com.phoenix.servlet包中新建StudentServlet.java类（方法见附录A2.3），让它继承自BaseServlet。在StudentServlet.java类中，新建login()方法。

因为，要使用BaseServlet中的控制分发功能，所以这个login()方法的签名要与BaseServlet中的doGet或doPost一致。由于doGet或doPost的签名比较长，不容易记住。

可以采用复制BaseServlet中的doGet方法，然后改名为login，再把方法体中的内容删除的方法新建login()方法。完整的login方法代码如清单12-9所示。登录功能需要接收客户端传来的“学号”和“密码”，并与数据库中保存的学生信息进行比对。

如果一致，则把学生的信息保存在Session对象（JSP中表示服务器与客户端的一次会话）中，并向客户端返回“登录成功！”的处理结果。如不一致，则直接返回“登录失败！”的处理结果。

首先，要取得客户端传的学号和密码。在JSP（或Servlet）中可以使用request对象（HttpServletRequest类型的对象，也就是这里的req参数）接收客户端传来的请求参数，代码如下：StringstudentId=req.getParameter(studentId); Stringpassword=req.getParameter(password);

回想一下清单12-8中客户端login登录代码中，封装的请求字符串：vardata=studentId=+studentId+password=+