项目作用增强用户交互体验

AjaxAjax：asynchronousejavascriptandservlet+JSP+flax<--JSP/Servletrequet，这是用户必须等待响应JavaScript对 存在浏览器差varxhr=new varxhr=newActiveXObject(".XMLHTTP"); varxhr=newActiveXObject("MSXML2.5.0.XMLHTTP");varxhr=newxhrxhr xhrxhrxhr|servletservletresponseresponsehtml}}} XML内容案例1：get方 function }function//1inputvarname=//2Ajaxxhr//2.1varxhr;xhr=new}elsexhr=new }//2.2xhr.onreadystatechange=function(){//DOM---input写内容varretxhr.responseText;varspan=$("msgId");//innerHTML作用方便 span.innerHTML="<fontcolor='red'>"+ret+"</font>"}}}2：post方式1var1varxhr=newXMLHttpRequest();varxhr=newActiveXObject("//Servletrequest.getParameter("name");--->值 }<formmethod="post" <inputtype="text"<inputtype="text" varAjax=varAjax=varxhr=newXMLHttpRequest();returnxhr;}elseif(window.ActiveXObject){varxhr=newActiveXObject("returnxhr;}varxhr=this.createXHR(); }else}varp= }}}}} type="text/javascript" type="text/javascript" function$(tagId){ }functionvarname=$("nameId").value;}functionvarret=varspan=//innerHTMLspan.innerHTML="<fontcolor='red'>"+ret+"</font>"}JSON对象-->字符串<script<scripttype="text/javascript" varstudent={}var}varsmap={1:student,2:student2}; 注意：JSONMapvarmap={'a':'aa',2:'bb'};varmap={'a':'aa',2:'bb'};字符串-->对象<scripttype="text/javascript"<scripttype="text/javascript" varjsonObj="{\"name\":\"ss\",\"password\":\"1234\",\"favrate\":[\"java\",\"js\"]}";varstu=JSON.parse(jsonObj);for(idxin}注意：JSON字符串中的""JSON串转-->Java对象publicstaticpublicstaticvoidmain(String[]args)StringjsonString="{\"name\":\"ss\",\"password\":\"1234\",\"age\":27}";JSONObjectjobj=JSONObject.fromObject(jsonString);Useru=(User)jobj.toBean(jobj,User.class);}JSON数组-->Java对象publicstaticvoidpublicstaticvoidmain(String[]args)Stringjstr="[{\"name\":\"abc\"},{\"name\":\"liyi\"}]";JSONArrayja=JSONArray.fromObject(jstr);Collection<User>c=JSONArray.toCollection(ja,User.class);List<User>usnew //Colleciton}用Collection构造 List<User>us=newJava对象-->JSONpublicpublicstaticvoidmain(String[]args){Useru=newUser();JSONObjectjobj=JSONObject.fromObject(u);}Java数组-->JSONint[]aint[]a=JSONArrayjobj=JSONArray.fromObject(a);Map-->JSONMapMapm=newm.put("1""a");//注意：key只能为字符串JSONObjectjobjJSONObject.fromObject(m);MapMapkey<scripttype="text/javascript"<scripttype="text/javascript"<scripttype="text/javascript"<scripttype="text/javascript">functionvartd vartxt= return}functionvartr= for(vari=0;i<tds.length;i++){}return}function//1}//2DOMfunctionvarvarspan span.innerHTML=varstudents=vartb= for(idxinstudents){varstudent=varnameTd=createTd();varageTd=createTd(student.age); Td= vartr=createTr([nameTd,ageTd, }}<body<center><h1><span <tablecellpadding='0'cellspacing='0'align='center'width='80%'<tbodypackageimportpackageimportjava.io.IOException;importjava.io.PrintWriter;importjava.util.List;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importpublicclassQueryAllStudentsServletextendsHttpServlet{privatepublicclassQueryAllStudentsServletextendsHttpServlet{privateStudentBizstudentBiz=newStudentBizImpl();protectedvoidservice(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletEx