傳智java jsp教學(xué)第14天課件

活動(dòng)，或臨時(shí)性活JSP14 活動(dòng)，或臨時(shí)性活12 31213――533060分鐘jQuerydom1、主要用css方法定位節(jié)ID321、發(fā)生在文件2、任何一個(gè)是一個(gè)節(jié) 結(jié)<row<field<field <field 開<table<fields> 4種位置，822var$obj <scriptsrc="../scripts/jquery-1.3.1.js"<scriptsrc="../scripts/jquery-1.3.1.js"<scriptvar$li_1$("<li>新建節(jié)點(diǎn)1</li>");//創(chuàng)建第一個(gè)<li>元素var$li_2$("<li>新建節(jié)點(diǎn)2</li>");//創(chuàng)建第二個(gè)<li>元素var$parent=$("ul");獲取<ul>節(jié)點(diǎn)。<li>的父節(jié)點(diǎn)$parent.append($li_1);//添加到<ul>$parent.append($li_2);// <ptitle="選擇你最喜歡的水果.">你最喜歡的水果是jQuerydom<script<script$("ulli:eq(1)").remove()獲取第二個(gè)<li>元素節(jié)點(diǎn)后，將它從網(wǎng)頁中<ptitle="選擇你最喜歡的水果.">你最喜歡的水果是jQuerydom<script<script$("ulli:eq(1)").empty()找到第二個(gè)<li><ptitle="選擇你最喜歡的水果.">你最喜歡的水果是九、jQuery中var$obj=$(this);2十、關(guān)于查找jQuery處理dom節(jié)點(diǎn)操作－簡2var$obj=得到節(jié)點(diǎn)對(duì)象<script<script$("ulvar$myEventObj=$(this);//取動(dòng)態(tài) 對(duì)象//varvar$copyObj=$myEventObj.clone();<ptitle="選擇你最喜歡的水果.">你最喜歡的水果是十一、關(guān)于查找jQuery處理dom節(jié)點(diǎn)操作－全1<script<script$("ul;// <ptitle="選擇你最喜歡的水果.">你最喜歡的水果是十二、替換原有節(jié)點(diǎn)內(nèi)容1var$obj=得到節(jié)點(diǎn)<script<script $("<strong>你最不喜歡的水果<ptitle="選擇你最喜歡的水果.">你最喜歡的水果是十三、關(guān)于json1jsonjavaMapjqueryjavascriptPO類對(duì)象var11，“2”2，N：值N}3jsonvar1＝obj.1;var2＝obj[“2”];<scriptfunctiontestJson(){alert("is<scriptfunctiontestJson(){alert("isvar'ruxue-Time':newvarvar varvarvarruxueTime=userPO["ruxue- }<ponclick="testJson();">這個(gè)對(duì)象有一個(gè)十四、關(guān)于json2var //0條記錄11，22，鍵N：值N //1條記錄11，22，鍵N：值N //2條記錄11，22，鍵N：值N}]3<scriptfunctiontestJson(){alert("isvar[{ 'ruxue-Time':new{ 'ruxue-Time':newDate(1977,3,5)//月從0{ 'ruxue-Time':new]for(varvaruserPO=userPOList[i];varuserId=userPO.userId;varname=userPO[""]; varvarruxueTime=userPO["ruxue- }}}<ponclick="testJson();">這個(gè)對(duì)象有一個(gè)jsonjson格式的jsonurl 3var序列后字符串變量=$.param(json格式的數(shù)據(jù));4<script<scriptfunctiontestJson(){alert("isvar ruxueTime:newDate()varvar varvarvarvar$param2=$.param({name:'zhangyue',phone:456789});}<ponclick="testJson();">將json格式的數(shù)據(jù)轉(zhuǎn)換url地址行的提交參數(shù)，這就十六、關(guān)于ajax1ajax=AsynchronousJavaScriptAnd javascirpt與xml2、異步的，Asynchronous與數(shù)據(jù)交互的時(shí)刻A，不發(fā)生在“<bodyonload＝”時(shí)刻B3ajax在不同的瀏覽器有不同的實(shí)現(xiàn)代碼不同瀏覽器，由jquery處理十七、關(guān)于jQueryajax13 處理ajax的提交數(shù)據(jù)發(fā)送到的json格式數(shù)js函數(shù)1$.post(url,$sendData,ajaxProc,”html/json/xml之一”)2、servlet,或jsp的要求request與responseUTF-8<scriptsrc="../scripts/jquery-1.3.1.js"<scriptsrc="../scripts/jquery-1.3.1.js"<scriptlanguage="javascript" var$sendData={}vr functionajaxProc(dataAbcd,status){ }<formname="form1" :<inputtype="text"name="username"id="usernameId"<p>內(nèi)容<textareaid="contentId<p><inputtype="buttonid="sendvalue="提交<divclass='comment'><divid="resText"<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF- Stringusername=request.getParameter("username");Stringcontent=request.getParameter("content");out.println("<divclass='comment'><h6>"+username+":</h6><pclass='para'><pre>"+content+"</pre></p></div>");十八、ajax－xml1提交數(shù)據(jù)時(shí)，指明為xmlxmlout.println(“<%version=’1.0’encoding=’utf-8’%>”);<script<scriptlanguage="javascript"username:$("#username").val(),content:$("#content").val()$.post("post2.jsp",$data,ajaxProcfunctionajaxProc(data,varusername=varcontent=$(data).find("commentvartxtHtml="<divclass='comment'><h6>"+username+":</h6><p;//}<form :<inputtype="text"name="username"id="username"<p>內(nèi)容<textareaid="content<p><inputtype="buttonid="sendvalue="提交<divclass='comment'><divid="resText"<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-Stringusername=request.getParameter("username");Stringcontent=request.getParameter("content");out.println("<?xmlversion='1.0'encoding='UTF-8'?>"); <commentusername='"+username+"'>"); 十九、ajax-json格式提交處理—1 <script<scriptlanguage="javascript"$.post("post3.jsp",username:$("#username").val(),content:$("#content").val()functiongetAjaxData(data,varusername=data.username;varcontent=data.content;vartxtHtml="<div;//;//}<form :<inputtype="text"name="username"id="username"<p>內(nèi)容<textareaid="content<p><inputtype="buttonid="sendvalue="提交<divclass='comment'><divid="resText"<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-Stringusername=request.getParameter("username");Stringcontent=request.getParameter("content");out.println("{username:'"+username+"',content:二十、ajax示例應(yīng)用 檢測userId是否存MpublicclassUserRegDAOpublicintcheckUserId(StringStringsql="select*fromuser_regwhereuser_id=?";DbUtilobj=newUserRegPOuser=(UserRegPO)obj.getPO(sql,return}C

return-publicclassCheckUserRegUserIdextendsHttpServletpublicvoidservice(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOExceptionPrintWriterout=response.getWriter();StringuserId=request.getParameter("userId");UserRegDAOdao=newUserRegDAO();intan=dao.checkUserId(userId);Stringmsg; }}//alert