二十五讲 AJAX技术入门.pptVIP

第二十五讲 AJAX技术 佘向飞 、柯洪昌 长春工程学院软件学院 //发送客户端的请求（代码是固定的） function sendRequest(url) { createXMLHttpRequest(); XMLHttpReq.open(GET, url, true); //指定响应函数 XMLHttpReq.onreadystatechange = handleResponse; // 发送请求 XMLHttpReq.send(null); } //开始调用Ajax的功能（完全是用户自定义） function userCheck() { var name = document.getElementById(“uname).value; //发送请求 sendRequest(“UsernameCheck?name=+name); } 这是一个servlet 在用户注册的表单中，经常碰到要检验待注册的用户名是否唯一。传统的做法是采用window.open 的弹出窗口，或者 window. showModalDialog 的对话框。不过，这两个都需要打开窗口。采用 AJAX 后，采用异步方式直接将参数提交到服务器，用 window.alert或直接在页面将服务器返回的校验信息显示出来。代码如下： 案例：数据校验 form name=form1 action= 用户名：input type=text name=username id=unamenbsp; div id=result/div input type=button name=check value=唯一性检查 onClick=userCheck() /form 案例：数据校验 在开发框架的基础上再增加一个调用函数： function userCheck() { var f = document.form1; var username = f.username.value; if(username==) { window.alert(用户名不能为空。); f.username.focus(); return false; } else{ //发送请求 sendRequest(UsernameCheck?username=+username); 案例：数据校验 看看UsernameCheck 做了什么： response.setContentType(text/xml; charset=UTF-8); response.setHeader(Cache-Control, no-cache); PrintWriter out = response.getWriter(); String output = ; String name = request.getParameter(username); if(name.equals(admin)) output =response该用户已存在。/response; else output =response合法的用户名。/response; }out.println(output);out.close(); 总结 Ajax使用步骤： 1.在页面上书写创建XMLHttpRequest对象的方法； 2. 在页面上书写创建处理服务器响应结果的方法； 3.在页面上书写发送客户端请求的方法； 4.在页面上书写用户自定义的方法—必须最后调用发送客户端请求的方法； 以上4步均是javascript中方法。 5.在jsp或servlet上书写服务器处理请求/响应的代码。 具体请参见P28-P34案例。 在讲解时候,要注意把JSP页面在软件开发中的作用是什么要给学生交代,还有JAVABEAN的在软件开发中它的地位什么,Servlet 的地位? 也就是把它门的强项是什么 通过做一个简单的Struts的例子让学生简单的了解Struts的工作原理，然后让学生自己做练习，在课堂并不能立刻完成，可以让学生自己回去接着做。 在讲解时候,要注意把JSP页面在软件开发中的作用是什么要给学生交代,还有JAVABEAN的在软件开发中它的地位什么,Servlet 的地位? 也就是把它门的强项是什么 在讲解时候,要注意把JSP页面在软件开发中的作用是什么要给学生交代,还有JAVABEAN