文稿教程说明java ajaxjquery exday

12JSON*345注 练习1：级联下拉列表 错误！未定义书签练习2：JSON演示 错误！未定义书签练习3：热卖商品动态显示 练习4：jQuery演示 练习5：select选择器 练习1：级联下拉列表<%@<%@pagecontentType="text/html;charset=utf-8"<title>Inserttitle<scripttype="text/javascript"<scriptgetXmlHttpRequest(){varxhr=XMLHttpRequest)!='undefined'){xhr=newXMLHttpRequest();}elsexhr=new }return}functionvarxhr=getXmlHttpRequest();//服务器返回if(xhr.readyState==vartxt=xhr.responseText;vararr=txt.split(';');$('s2').innerHTML='';vararr1=vararr2=varop=new$('s2').options[i]=}xhr.send('name='+}<option <selectid="s2"packagepackageimportimportimportimportimportimportpublicclassActionServletextendsHttpServletpublicvoidservice(HttpServletRequestrequest,HttpServletResponseresponse){Stringuri=Stringpath=uri.substring(uri.lastIndexOf("/"),PrintWriterout=response.getWriter(); Stringname=}}}}else}}2：JSON演示packagepackagepublicclassOptionprivateStringprivateString}}publicStringgetCityName(){returnpublicvoidsetCityName(StringcityName){this.cityName=publicStringgetCityValue(){returnpublicvoidsetCityValue(StringcityValue){this.cityValue=publicOption()publicOption(StringcityName,StringcityValue)this.cityName=this.cityValue=}JSON的jar请JSON_jar.zip如何将一个javajava对象数组、集合)转换成一个jsonpackagepackageimportimportimportnet.sf.json.JSONArray;importbean.Option;publicclassTest*Java对象->JSONpublicstaticvoidOptionopnewOption("海淀","hd");Stringstr=obj.toString();}*数组对象->JSONpublicstaticvoidOptionop=newOption("海淀","hd");Optionop2=newOption("东城","dc");Optionop3=newOption("西城","xc");Option[]ops={op,op2,op3};Stringstr=obj.toString();}*List对象->JSONpublicstaticvoid}}}publicstaticvoidmain(String[]args)}Stringstr=JSONArrayobj=Optionop=newOption("海淀","hd");Optionop2newOption(Optionop3=newOption("西城","xc");List<Option>opsnewArrayList<Option>();如何将一个json字符串转换成js对象js/prototype-<metahttp-equiv="Content-Type"<title>Inserttitle<scripttype="text/javascript"<scriptfunctionf1(){varstr=varobj=str.evalJSON();}functionf2(){varobjs=str.evalJSON();}<ahref="javascript:;"packagepackageimportjava.io.PrintWriter;importjava.util.ArrayList;importjava.util.List;importimportbean.Option;publicclassActionServletextendsHttpServletpublicvoidservice(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,{Stringuri=PrintWriterout=response.getWriter();}else}}elseOptionop=newOption("海淀","hd");Optionop2newOption("东城","dc");Optionop3newOptionList<Option>ops=newArrayList<Option>();}}}JSONArrayobj=JSONArray.fromObject(ops);Stringstr=obj.toString();}elseOptionop=newOption("怀化","hh");Optionop2=newOption("长沙","cs");Optionop3=newOption("岳阳","yy");List<OptionopsnewArrayList<Option>();JSONArrayobj=JSONArray.fromObject(ops);Stringstr=obj.toString();}}<%@<%@pagecontentType="text/html;charset=utf-<title>Inserttitle<scripttype="text/javascript"src="js/prototype-<scripttype="text/javascript">getXmlHttpRequest(){varxhr=xhr=newXMLHttpRequest();}elsexhr=newActiveXObject('}return}functionvarxhr=getXmlHttpRequest();if(xhr.readyState==vartxt=xhr.responseText;varcitys=txt.evalJSON();$('s2').innerHTML='';varop$('s2').options[i]=}}xhr.send('name='+}<option <selectid="s2"packagepackageimportpublicclassUserprivateStringname;privateDatebirthday;publicDategetBirthday(){return}}}publicvoidsetBirthday(Datebirthday)this.birthday=}publicStringgetName()return}publicvoidsetName(Stringname)=}packagepackageimportimportimportpublicclassTest2publicstatictest1(){Useruser=newuser.setBirthday(newStringstr=obj.toString();}publicstaticvoidmain(String[]args)//TODOAuto-generatedmethod}} packagepackageimportjava.util.Date;importimport@authorpublicclassDateProcessorimplementsJsonValueProcessor{privateStringpattern="yyyy-publicvoidsetPattern(String{this.pattern=}publicObjectprocessArrayValue(Objectarg0,JsonConfigarg1){SimpleDateFormatsdf=newSimpleDateFormat(pattern);returnsdf.format((Date)arg0);}publicObjectprocessObjectValue(Stringarg0,Objectarg1,JsonConfigarg2){SimpleDateFormatsdf=newSimpleDateFormat(pattern);returnsdf.format((Date)arg1);}}packagepackageimportimportnet.sf.json.JSONObject;importnet.sf.json.JsonConfig;importbean.User;publicclassTest2publicstatictest1(){Useruser=newuser.setBirthday(newDate());JsonConfigconfig=newJsonConfig();JSONObjectobj=Stringstr=obj.toString();}publicstaticvoidmain(String[]args)//TODOAuto-generatedmethod}}packagepackageimportjava.io.PrintWriter;importjava.util.Date;importimportimportjavax.servlet.http.HttpServletRequest;importtest.DateProcessor;importnet.sf.json.JSONObject;importnet.sf.json.JsonConfig;importbean.User;publicclassActionServletextendsHttpServletpublicvoidservice(HttpServletRequestrequest,HttpServletResponseresponse){Stringuri=Stringpath=uri.substring(uri.lastIndexOf("/"),PrintWriterout=response.getWriter();Useruser=newUser();user.setBirthday(newDate());JsonConfigconfig=newJsonConfig();}}}JSONObjectobj=Stringstr=obj.toString();}<%@<%@pagecontentType="text/html;charset=utf-8"<title>Inserttitle<scripttype="text/javascript"src="js/prototype-<scripttype="text/javascript">getXmlHttpRequest(){varxhr=XMLHttpRequest)!='undefined'){xhr=newXMLHttpRequest();}elsexhr=new }return}functionvarxhr=getXmlHttpRequest();if(xhr.readyState==vartxt=$($('d1').innerHTML=++'birthay:'+}}:;"<div练习3：热卖商品动态显示SQL>SQL>createtableprodNamevarchar(50),qtySQL>insertintot_sale(prodName,qty)values('bmwx5',120);SQL>...建立一个web写实体类写dao类SaleDAO，提供一个获得销量前三名的方法。参考sql:select*fromt_saleorderbyqtydesclimit3;写一个Servlet，生成一个jsonfunction}functionfunction}function//使用 }<body新建工程Jar包：SQL>SQL>droptablet_sale;SQL>createtablet_sale(prodNamevarchar(50),qtySQL>SQL>insertintot_sale(prodName,qty)SQL>insertintot_sale(prodName,qty)values(SQL>insertintot_sale(prodName,qty)values('步步高 SQL>insertintot_sale(prodName,qty)values('海尔冰箱',120);SQL>select*fromt_saleorderbyqtydesclimitpackagepackagepublicclass{privateStringname;privateintpublicSale(Stringname,intqty)=this.qty=}publicSale()publicStringgetName(){returnpublicvoidsetName(Stringname){=}}publicvoidsetQty(intqty){this.qty=packagepackageimportjava.sql.ResultSet;importjava.sql.Statement;importjava.util.ArrayList;importjava.util.List;importutil.DBUtil;importpublicclassSaleDAOpublicList<Sale>find()throwsException{List<Sale>sales=newStatementstat=ResultSetrst="select*fromt_saleorderbyqtydesclimit3");}return}}测试（略throwsthrowspackageimportjava.io.PrintWriter;importjava.util.List;importimportimportjavax.servlet.http.HttpServletRequest;importnet.sf.json.JSONArray;importimportpublicclassActionServletextendsHttpServlet{Stringuri=Stringpath=PrintWriterout=response.getWriter();SaleDAOdao=newSaleDAO();try{List<Sale>sales=}catch(Exception{thrownew}}}}}<%@<%@pagecontentType="text/html;charset=utf-8"<title>Inserttitleborder:1pxsolidred;}<scripttype="text/javascript"src="js/prototype-<scripttype="text/javascript">varxhr=null;xhr=newXMLHttpRequest();}elsexhr=new }return}function}functionfunctionvarxhr=getXmlHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState==vartxt=xhr.responseText;varsales=varsaleInfo'当前销量最好的商品是:<br/>';for(i=0;i<sales.length;i++){sasales[i].namesales[i].qty+}$('d1').innerHTML=}}<bodystyle="font-size:30px;"<div4：jQuery演示新建工程<title>Inserttitle}varobj }functionf2(){varob