ajax1学习.docVIP

2.走进Ajax最主要的是XMLHttpRequest进行异步数据检索然后使用Dom进行动态显示和交互使用xml和XSLT进行数据交换和处理使用XHTML和css的给予标注的表示技术使用JavaScript将以上技术融合在一起2.基本步骤：Servlet定义：public class AJAXServlet extends HttpServlet{public void doPost(){doGet(...);}public void doGet(...){?????? ????? //设置编码方式，XMLHttpRequest对象总采用UTF-8方式发送请求?? ?????? request.setCharacterEncoding(UTF-8);????? //设置中文输出流????? response.setContentType(text/html;charset=UTF-8);????? //获取页面输出流????? PrintWriter out =? response.getWriter();????? //1.取参数????? String username = request.getParameter(username);????? String password=request.getParameter(password);????? String email=request.getParameter(email);????? ???? //2.检查参数是否有问题???? //3.校验操作?????? UserServiceImpl userService=new UserServiceImpl();?????? User user=new User();?????? UserHelper userHelper=new UserHelper();?????? userService.setUserHelper(userHelper);??????? if(userService.isExit(username)){?????????? //4.和传统应用不同之处，这一步需要将用户感兴趣的数据返回给页面，而不是把一个新的页面发送给用户??????????? out.print(该用户已经存在);??????? }else{??????????? try{user.setEmail(email);??????????? user.setUsername(username);??????????? user.setPassword(password);??????????? user.setHeadpic(nophoto.gif);??????????? userService.addUser(user);??????????? request.getSession().setAttribute(userlogin,username);??????????? //4.和传统应用不同之处，这一步需要将用户感兴趣的数据返回给页面，而不是把一个新的页面发送给用户??????????? out.print(success);??????????? }catch(Exception e){??????????? //4.和传统应用不同之处，这一步需要将用户感兴趣的数据返回给页面，而不是把一个新的页面发送给用户??????????????? out.print(注册时出错，请重新注册);??????????????????????? ??????????? }??????????? }??????? out.close();}}下载JQuery Ajax库JQuery-1.2.6-release中的dist中的JQuery，该文件是JavaScript文件JQuery的使用：把JQuery文件和下面的JavaScript文件放在一起在jsp页面中引用：script type=text/javascript src=jslib/jquery.js/scriptscript type=text/javascript src=jslib/verify.js/scriptverify.js如下：function verify{//1.获取文本的内容//jquery的查找节点的方式，参数中#加上id属性值可以找到一个节点//jquery的方法返回的都是jquery对象，可以继续在上面执行其他的jquery方法var jqueryobj=$(#userName);//获取节点的值var username=jquer