[工学]Ajax 教材详解.ppt

用户名校验： Verify.js function addVerify(){ var jqueryObj = $(#userName); //获取结点 var userName = jqueryObj.val();//获取结点的值 //alert(userName); $.get(AjaxServer?name=+userName,null,callback); } function callback(data){ resultObj = $(#result); resultObj.html(data); } AjaxServer.java import javax.servlet.*; import java.io.IOException; import java.io.PrintWriter; public class AjaxServer extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { try{ response.setContentType(text/html;charset=GB2312); PrintWriter out = response.getWriter(); String userName = request.getParameter(name); if(userName == null || userName.length() == 0){ out.println(用户名不能为空); } else{ String name = new String(userName.getBytes(ISO8859-1)); if(name.equals(sun)){ out.println(用户名[ + name + ]已经存在，请使用其他用户名); } else{ out.println(用户名[ + name + ]尚未存在，可以使用该用户名注册); } } out.println(br/a href=\index.html\返回校验页面/a); } catch(Exception e){ e.printStackTrace(); } } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request,response); } } * * 课程总结（1） 什么是Ajax?Ajax的优点是什么？(( Ajax与传统Web有何不同？通信方式 交互内容………………)) ＊: Ajax是 “Asynchronous JavaScript and XML”的简写，即为“异步JavaScript和XML”。 特点：JavaScript编写、程序异步执行、用XML来封装和传输数据 ＊: 在传统的Web应用模型下，客户机 （浏览器或者本地机器上运行的代码）向服务器发出请求。该请求是同步的，客户机等待服务器的响应。缺乏真正的交互性 Ajax提高用户体验基于什么理念或如何做到的。 参考PPT： Ajax实战课件//第六章：用户体验 ＊: 1）可用代码的关键特征 2）通用的通知功能 3）可重用的通知框架 4）在原处突出显示更新过的数据 课程总结（2） Ajax的四个基本原则是什么？ ＊: 1、浏览器中的是应用而不是内容 2、服务器交付的是数据而不是内容 3、用户交互变得流畅而连 4、有纪律严肃的编程 Ajax技术组成有哪四部分？分别起到什么作用？ ＊: JavaScript+DOM+XMLHttpReq