項目作用增強用戶交互體驗

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("http://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