锘??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲国产精品一区二区第一页,理论片一区二区在线,亚洲一区二区三区色http://www.aygfsteel.com/wangxinsh55/category/9540.htmlzh-cnMon, 25 Jun 2007 10:33:23 GMTMon, 25 Jun 2007 10:33:23 GMT60jQuery 涓?prototype 鍏卞瓨http://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126168.htmlSIMONESIMONEMon, 25 Jun 2007 09:48:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126168.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/126168.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126168.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/126168.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/126168.html鏂規硶涓€錛?/p>
<html>  
 <head> 
   <script src="prototype.js"></script> 
   <script src="jquery.js"></script> 
   <script> 
     jQuery.noConflict();  
       
     // Use jQuery via jQuery(...)  
     jQuery(document).ready(function(){  
       jQuery("div").hide();  
     });  
       
     // Use Prototype with $(...), etc.  
     $('someid').style.display = 'none';  
   </script> 
 </head> 
 <body></body> 
 </html>

鏂規硶浜岋細

<html>  
 <head> 
   <script src="prototype.js"></script> 
   <script src="jquery.js"></script> 
   <script> 
     var $j = jQuery.noConflict();  
       
     // Use jQuery via $j(...)  
     $j(document).ready(function(){  
       $j("div").hide();  
     });  
       
     // Use Prototype with $(...), etc.  
     $('someid').style.display = 'none';  
   </script> 
 </head> 
 <body></body> 
 </html> 

鏂規硶涓夛細

<html>  
 <head> 
   <script src="prototype.js"></script> 
   <script src="jquery.js"></script> 
   <script> 
     jQuery.noConflict();  
       
     // Put all your code in your document ready area  
     jQuery(document).ready(function($){  
       // Do jQuery stuff using $  
       $("div").hide();  
     });  
       
     // Use Prototype with $(...), etc.  
     $('someid').style.display = 'none';  
   </script> 
 </head> 
 <body></body> 
 </html> 



SIMONE 2007-06-25 17:48 鍙戣〃璇勮
]]>
鎺ㄨ崘--jQuery浣跨敤鎵嬪唽 http://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126166.htmlSIMONESIMONEMon, 25 Jun 2007 09:36:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126166.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/126166.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126166.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/126166.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/126166.html闃呰鍏ㄦ枃

SIMONE 2007-06-25 17:36 鍙戣〃璇勮
]]>
jQuery涓枃鍏ラ棬鎸囧崡錛岀炕璇戝姞瀹炰緥錛宩Query鐨勮搗鐐規暀紼?/title><link>http://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126164.html</link><dc:creator>SIMONE</dc:creator><author>SIMONE</author><pubDate>Mon, 25 Jun 2007 09:34:00 GMT</pubDate><guid>http://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126164.html</guid><wfw:comment>http://www.aygfsteel.com/wangxinsh55/comments/126164.html</wfw:comment><comments>http://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126164.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/wangxinsh55/comments/commentRss/126164.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/wangxinsh55/services/trackbacks/126164.html</trackback:ping><description><![CDATA[<h1>jQuery涓枃鍏ラ棬鎸囧崡錛岀炕璇戝姞瀹炰緥錛宩Query鐨勮搗鐐規暀紼?/h1> <div> <h3>涓枃鐗堣瘧鑰咃細<a >Keel</a></h3> <p>姝ゆ枃浠ュ疄渚嬩負鍩虹涓€姝ユ璇存槑浜唈Query鐨勫伐浣滄柟寮忋€傜幇浠ヤ腑鏂囩炕璇戯紙娣誨姞鎴戠殑琛ュ厖璇存槑錛夊涓嬨€傚鏈夌浉鍏蟲剰瑙佹垨寤鴻璇烽夯鐑﹀埌鎴戠殑 <a >BLOG</a> 鍐欎釜鍥炲鎴栬€?<a href="mailto:keel.sike%28at%29gmail.com">EMAIL</a> 鍛婄煡銆?/p> <p>鑻辨枃鍘熺増錛?a >http://jquery.bassistance.de/jquery-getting-started.html</a> 錛屾劅璋㈠師鏂囦綔鑰?<a >Jörn Zaefferer</a></p> <p><strong>鏈枃鍙戝竷宸插緛姹傚師浣滆€呭悓鎰忋€?/strong> </p> <p>鍙﹀鎴戣涓哄湪瀛︿範榪囩▼涓?鏈変袱涓狝PI鏂囨。浣犺鎵撳紑闅忔椂鏌ョ湅:</p> <ul> <li><a >http://jquery.com/api/</a> <li><a >http://visualjquery.com/</a></li> </ul> </div> <h4>浠ヤ笅閮ㄥ垎涓哄師鏂囩炕璇?</h4> <hr> <div> <h2>jQuery鍏ラ棬鎸囧崡鏁欑▼</h2> <p>榪欎釜鎸囧崡鏄竴涓jQuery搴撶殑璇存槑錛岃姹傝鑰呬簡瑙TML(DOM)鍜孋SS鐨勪竴浜涘父璇嗐€傚畠鍖呮嫭浜嗕竴涓畝鍗曠殑Hello World鐨勪緥瀛愶紝閫夋嫨鍣ㄥ拰浜嬩歡鍩虹錛孉JAX銆丗X鐨勭敤娉曪紝浠ュ強濡備綍鍒朵綔jQuery鐨勬彃浠躲€?榪欎釜鎸囧崡鍖呮嫭浜嗗緢澶氫唬鐮侊紝浣犲彲浠opy瀹冧滑錛屽茍璇曠潃淇敼瀹冧滑錛岀湅鐪嬩駭鐢熺殑鏁堟灉銆?</p> <h2>鍐呭鎻愯</h2> <ol> <li><a >瀹夎</a> <li><a >Hello jQuery</a> <li><a >Find me:浣跨敤閫夋嫨鍣ㄥ拰浜嬩歡</a> <li><a >Rate me:浣跨敤AJAX</a> <li><a >Animate me(璁╂垜鐢熷姩璧鋒潵):浣跨敤FX</a> <li><a >Sort me(灝嗘垜鏈夊簭鍖?:浣跨敤tablesorter鎻掍歡(琛ㄦ牸鎺掑簭)</a> <li><a >Plug me:鍒朵綔鎮ㄨ嚜宸辯殑鎻掍歡</a> <li><a >Next steps(涓嬩竴姝?</a></li> </ol> </div> <div> <h2 id=setup>瀹夎</h2> <p>涓€寮€濮?鎴戜滑闇€瑕佷竴涓猨Query鐨勫簱,鏈€鏂扮殑涓嬭澆鍙互鍒?a >榪欓噷</a>鎵懼埌銆傝繖涓寚鍗楁彁渚涗竴涓熀鏈寘鍚疄渚嬬殑鍖呬緵涓嬭澆.</p> <p>涓嬭澆錛?a class=download >jQuery Starterkit</a></p> <p class=log>(璇戣€匥eel娉?涓€瀹氳涓嬭澆榪欎釜鍖咃紝鍏夌湅鏂囩珷涓嶅疄璺佃偗瀹氭槸涓嶈鐨勩€? </p> <p class=instruction>涓嬭澆鍚庤В鍘嬬緝錛岀劧鍚庣敤浣犳渶鍠滄鐨勬枃鏈紪杈戝櫒鎵撳紑starterkit.html鍜宑ustom.js榪欎袱涓枃浠躲€?span class=log>(璇戣€匥eel娉?榪欎袱涓氨鏄緥瀛愭枃浠?鎵€鏈夌殑渚嬪瓙閮界敤榪欎袱涓緥瀛愪綔鍑?custom.js鍐檍Query浠g爜,starterkit.html瑙傚療鏁堟灉.寤鴻鐢╡ditPlus鎵撳紑) </span></p> <p>鐜板湪,鎴戜滑灝卞凡緇忓仛濂戒簡涓€鍒囧噯澶囨潵榪涜榪欎釜钁楀悕鐨?Hello world"渚嬪瓙.</p> <h4>鏈珷鐨勭浉鍏抽摼鎺?</h4> <ul> <li><a >Starterkit</a> <li><a >jQuery Downloads</a></li> </ul> </div> <div> <h2 id=hello>Hello jQuery</h2> <p>鍦ㄥ仛鎵€鏈変簨鎯呬箣鍓?鎴戜滑瑕佽jQuery璇誨彇鍜屽鐞嗘枃妗g殑DOM,蹇呴』灝藉彲鑳藉揩鍦板湪DOM杞藉叆鍚庡紑濮嬫墽琛屼簨浠?鎵€浠?鎴戜滑鐢ㄤ竴涓猺eady浜嬩歡浣滀負澶勭悊HTML鏂囨。鐨勫紑濮?鐪嬬湅鎴戜滑鎵撳紑鐨刢ustom.js榪欎釜鏂囦歡,閲岄潰宸茬粡鍑嗗濂戒簡:</p> <pre>$(document).ready(function() {<br> // do stuff when DOM is ready<br>});</pre> <p>鏀句竴涓畝鍗曠殑alert浜嬩歡鍦ㄩ渶瑕佺瓑DOM瀹屾垚杞藉叆,鎵€浠ユ垜浠妸浠誨姟紼嶇◢鍙樺鏉備竴鐐?鍦ㄧ偣鍑諱換浣曚竴涓摼鎺ユ椂鏄劇ず涓€涓猘lert.</p> <pre>$(document).ready(function() {<br> $("a").click(function() {<br> alert("Hello world!");<br> });<br>});</pre> <p>榪欐牱鍦ㄤ綘鐐瑰嚮欏甸潰鐨勪竴涓摼鎺ユ椂閮戒細瑙﹀彂榪欎釜"Hello world"鐨勬彁紺恒€?/p> <p class=log>(璇戣€匥eel娉?璇風収姝や唬鐮佷慨鏀筩ustom.js騫朵繚瀛?鐒跺悗鐢ㄦ祻瑙堝櫒鎵撳紑starterkit.html瑙傚療鏁堟灉銆?</p> <p>璁╂垜浠湅涓€涓嬭繖浜涗慨鏀規槸浠€涔堝惈涔夈€?("a") 鏄竴涓猨Query閫夋嫨鍣?selector),鍦ㄨ繖閲岋紝瀹冮€夋嫨鎵€鏈夌殑a鏍囩<span id="wmqeeuq" class=log>錛堣瘧鑰匥eel娉細鍗?lt;a></a>錛?/span>錛? 鍙鋒槸 jQuery “綾?#8221;(jQuery "class")鐨勪竴涓埆縐幫紝鍥犳$()鏋勯€犱簡涓€涓柊鐨刯Query 瀵硅薄(jQuery object)銆傚嚱鏁?click() 鏄繖涓猨Query瀵硅薄鐨勪竴涓柟娉曪紝瀹冪粦瀹氫簡涓€涓崟鍑諱簨浠跺埌鎵€鏈夐€変腑鐨勬爣絳?榪欓噷鏄墍鏈夌殑a鏍囩),騫跺湪浜嬩歡瑙﹀彂鏃舵墽琛屼簡瀹冩墍鎻愪緵鐨刟lert鏂規硶.</p> <p>榪欓噷鏈変竴涓嫙琛岀浉浼煎姛鑳界殑浠g爜:</p> <pre><a href="#" onclick="alert('Hello world')">Link</a></pre> <p>涓嶅悓涔嬪寰堟槑鏄?鐢╦Query涓嶉渶瑕佸湪姣忎釜a鏍囩涓婂啓onclick浜嬩歡,鎵€浠ユ垜浠嫢鏈変簡涓€涓暣媧佺殑緇撴瀯鏂囨。(HTML)鍜屼竴涓涓烘枃妗?JS),杈懼埌浜嗗皢緇撴瀯涓庤涓哄垎寮€鐨勭洰鐨?灝卞儚鎴戜滑浣跨敤CSS榪芥眰鐨勪竴鏍?</p> <p>涓嬮潰鎴戜滑浼氭洿澶氬湴浜嗚В鍒伴€夋嫨鍣ㄤ笌浜嬩歡.</p> <h4>鏈珷鐨勭浉鍏抽摼鎺?</h4> <ul> <li><a >jQuery Base</a> <li><a >jQuery Expressions</a> <li><a >jQuery Basic Events</a></li> </ul> </div> <div> <h2 id=find>Find me:浣跨敤閫夋嫨鍣ㄥ拰浜嬩歡</h2> <p>jQuery鎻愪緵涓ょ鏂瑰紡鏉ラ€夋嫨html鐨?elements錛岀涓€縐嶆槸鐢–SS鍜孹path閫夋嫨鍣ㄨ仈鍚堣搗鏉ュ艦鎴愪竴涓瓧絎︿覆鏉ヤ紶閫佸埌jQuery鐨勬瀯閫犲櫒錛堝錛?("div > ul a")錛夛紱絎簩縐嶆槸鐢╦Query瀵硅薄鐨勫嚑涓猰ethods(鏂規硶)銆傝繖涓ょ鏂瑰紡榪樺彲浠ヨ仈鍚堣搗鏉ユ販鍚堜嬌鐢ㄣ€?/p> <p>涓轟簡嫻嬭瘯涓€涓嬭繖浜涢€夋嫨鍣紝鎴戜滑鏉ヨ瘯鐫€鍦ㄦ垜浠瑂tarterkit.html涓€夋嫨騫朵慨鏀圭涓€涓猳rdered list.</p> <p>涓€寮€濮嬶紝鎴戜滑闇€瑕侀€夋嫨榪欎釜list鏈韓錛岃繖涓猯ist鏈変竴涓狪D鍙?#8220;orderedlist”錛岄€氬父鐨刯avascript鍐欐硶鏄痙ocument.getElementById("orderedlist").鍦╦Query涓紝鎴戜滑榪欐牱鍋氾細</p> <pre>$(document).ready(function() {<br> $("#orderedlist").addClass("red");<br>});</pre> <p>榪欓噷灝唖tarterkit涓殑涓€涓狢SS鏍峰紡red闄勫姞鍒頒簡orderedlist涓?span class=log>(璇戣€匥eel娉細鍙傝€冩祴璇曞寘涓殑css鐩綍涓嬬殑core.css錛屽叾涓畾涔変簡red鏍峰紡)</span>銆傚洜姝わ紝鍦ㄤ綘鍒鋒柊浜唖tarterkit.html鍚庯紝浣犲皢浼氱湅鍒扮涓€涓湁搴忓垪琛?ordered list )鑳屾櫙鑹插彉鎴愪簡綰㈣壊錛岃€岀浜屼釜鏈夊簭鍒楄〃娌℃湁鍙樺寲.</p> <p>鐜板湪錛岃鎴戜滑娣誨姞涓€浜涙柊鐨勬牱寮忓埌list鐨勫瓙鑺傜偣.</p> <pre>$(document).ready(function() {<br> $("#orderedlist > li").addClass("blue");<br>});</pre> <p>榪欐牱錛屾墍鏈塷rderedlist涓殑li閮介檮鍔犱簡鏍峰紡"blue"銆?/p> <p>鐜板湪鎴戜滑鍐嶅仛涓鏉備竴鐐圭殑錛屽綋鎶婇紶鏍囨斁鍦╨i瀵硅薄涓婇潰鍜岀Щ寮€鏃惰繘琛屾牱寮忓垏鎹紝浣嗗彧鍦╨ist鐨勬渶鍚庝竴涓猠lement涓婄敓鏁堛€?/p> <pre>$(document).ready(function() {<br> $("#orderedlist li:last").hover(function() {<br> $(this).addClass("green");<br> }, function() {<br> $(this).removeClass("green");<br> });<br>});</pre> <p>榪樻湁澶ч噺鐨勭被浼肩殑<a class=doc title="Documentation for CSS selectors" >CSS</a>鍜?a class=doc title="Documentation for XPath selectors" >XPath</a>渚嬪瓙錛屾洿澶氱殑渚嬪瓙鍜屽垪琛ㄥ彲浠ュ湪<a class=doc title="Documentation for base selectors" >榪欓噷</a>鎵懼埌銆?span class=log>錛堣瘧鑰匥eel娉細鍏ラ棬鐪嬫鏂囷紝淇鍦ㄤ釜浜猴紝瑕佹兂鍦ㄥ叆闂ㄤ箣鍚庢噦鏇村錛屾墍浠ヨ繖孌佃瘽鐨勫嚑涓摼鎺ヨ繜鏃╂槸瑕佸繀鐪嬬殑錛佷笉浼氬張瑕佺炕璇戝惂...^_^!錛?/span></p> <p>姣忎竴涓猳nXXX浜嬩歡閮芥湁鏁堬紝濡俹nclick,onchange,onsubmit絳夛紝閮芥湁jQuery絳変環琛ㄧず鏂規硶<span id="wmqeeuq" class=log>錛堣瘧鑰匥eel娉細jQuery涓嶅枩嬈nXXX錛屾墍浠ラ兘鏀規垚浜哫XX錛屽幓鎺変簡on錛?/span>銆?a class=doc title="Documentation for advanced events" >鍏朵粬鐨勪竴浜涗簨浠?/a>錛屽ready鍜宧over,涔熸彁渚涗簡鐩稿簲鐨勬柟娉曘€?/p> <p>浣犲彲浠ュ湪<a >Visual jQuery</a>鎵懼埌鍏ㄩ儴鐨勪簨浠跺垪琛紝鍦‥vents鏍忕洰涓?</p> <p>鐢ㄨ繖浜涢€夋嫨鍣ㄥ拰浜嬩歡浣犲凡緇忓彲浠ュ仛寰堝鐨勪簨鎯呬簡錛屼絾榪欓噷鏈変竴涓洿寮虹殑濂戒笢涓滐紒</p> <pre>$(document).ready(function() {<br> $("#orderedlist").find("li").each(function(i) {<br> $(this).html( $(this).html() + " BAM! " + i );<br> });<br>});</pre> <p>find() 璁╀綘鍦ㄥ凡緇忛€夋嫨鐨別lement涓綔鏉′歡鏌ユ壘,鍥犳 $("#orderedlist).find("li") 灝卞儚 $("#orderedlist li"). each()涓€鏍瘋凱浠d簡鎵€鏈夌殑li錛屽茍鍙互鍦ㄦ鍩虹涓婁綔鏇村鐨勫鐞嗐€?澶ч儴鍒嗙殑鏂規硶,濡俛ddClass(), 閮藉彲浠ョ敤瀹冧滑鑷繁鐨?each() 銆傚湪榪欎釜渚嬪瓙涓? html()鐢ㄦ潵鑾峰彇姣忎釜li鐨刪tml鏂囨湰, 榪藉姞涓€浜涙枃瀛楋紝騫跺皢涔嬭緗負li鐨刪tml鏂囨湰銆?span class=log>錛堣瘧鑰匥eel娉細浠庤繖涓緥瀛愬彲浠ョ湅鍒?html()鏂規硶鏄幏鍙栧璞$殑html浠g爜錛岃€?html('xxx')鏄緗?xxx'涓哄璞$殑html浠g爜錛?/span></p> <p>鍙︿竴涓粡甯哥鍒扮殑浠誨姟鏄湪娌℃湁琚玧Query瑕嗙洊鐨凞OM鍏冪礌涓奵all涓€浜涙柟娉曪紝鎯沖儚涓€涓湪浣犵敤AJAX鏂瑰紡鎴愬姛鎻愪氦鍚庣殑reset錛?/p> <pre>$(document).ready(function() {<br> // use this to reset a single form<br> $("#reset").click(function() {<br> $("#form")[0].reset();<br> });<br>});</pre> <p class=log>錛堣瘧鑰匥eel娉細榪欓噷浣滆€呭皢form鐨刬d涔熷啓鎴愪簡form錛屾簮鏂囦歡鏈?lt;form id="form">錛岃繖鏄潪甯鎬笉濂界殑鍐欐硶錛屼綘鍙互灝嗚繖涓狪D鏀規垚form1鎴栬€卼estForm錛岀劧鍚庣敤$("#form1")鎴栬€? ("#testForm")鏉ヨ〃紺哄畠錛屽啀榪涜嫻嬭瘯銆傦級</p> <p>榪欎釜浠g爜閫夋嫨浜嗘墍鏈塈D涓?form"鐨勫厓绱狅紝騫跺湪鍏剁涓€涓笂call浜嗕竴涓猺eset()銆傚鏋滀綘鏈変竴涓互涓婄殑form錛屼綘鍙互榪欐牱鍋氾細</p> <pre>$(document).ready(function() {<br> // use this to reset several forms at once<br> $("#reset").click(function() {<br> $("form").each(function() {<br> this.reset();<br> });<br> });<br>});</pre> <p class=log>錛堣瘧鑰匥eel娉細璇鋒敞鎰忎竴瀹氳浜茶嚜灝嗚繖浜涗唬鐮佸啓鍦╟ustom.js涓茍鍦╯tarterkit.html涓婃祴璇曟晥鏋滄墠鑳芥湁鎵€浣撲細錛佸繀瑕佹椂瑕佽瀵焥tarterkit.html鐨刪tml浠g爜錛?/p> <p>榪欐牱浣犲湪鐐瑰嚮Reset閾炬帴鍚庯紝灝遍€夋嫨浜嗘枃妗d腑鎵€鏈夌殑form鍏冪礌錛屽茍瀵瑰畠浠兘鎵ц浜嗕竴嬈eset()銆?/p> <p>榪?鏈変竴涓綘鍙兘瑕侀潰瀵圭殑闂鏄笉甯屾湜鏌愪簺鐗瑰畾鐨勫厓绱犺閫夋嫨銆俲Query 鎻愪緵浜唂ilter() 鍜宯ot() 鏂規硶鏉ヨВ鍐寵繖涓棶棰樸€?filter()浠ヨ繃婊よ〃杈懼紡鏉ュ噺灝戜笉絎﹀悎鐨勮閫夋嫨欏? not()鍒欑敤鏉ュ彇娑堟墍鏈夌鍚堣繃婊よ〃杈懼紡鐨勮閫夋嫨欏? 鑰冭檻涓€涓棤搴忕殑list錛屼綘鎯寵閫夋嫨鎵€鏈夌殑娌℃湁ul瀛愬厓绱犵殑li鍏冪礌銆?/p> <pre>$(document).ready(function() {<br> $("li").not("[ul]").css("border", "1px solid black");<br>});</pre> <p>榪欎釜浠g爜閫夋嫨浜嗘墍鏈夌殑li鍏冪礌錛岀劧鍚庡幓闄や簡娌℃湁ul瀛愬厓绱犵殑li鍏冪礌銆傚埛鏂版祻瑙堝櫒鍚庯紝鎵€鏈夌殑li鍏冪礌閮芥湁浜嗕竴涓竟妗嗭紝鍙湁ul瀛愬厓绱犵殑閭d釜li鍏冪礌渚嬪銆?/p> <p class=log>錛堣瘧 鑰匥eel娉細璇鋒敞鎰忎綋浼氭柟渚夸箣鏋佺殑css()鏂規硶錛屽茍鍐嶆鎻愰啋璇峰姟蹇呭疄闄呮祴璇曡瀵熸晥鏋滐紝姣旀柟璇存崲涓狢SS鏍峰紡鍛紵鍐嶅姞涓€涓狢SS鏍峰紡鍛紵鍍忚繖鏍鳳細$ ("li").not("[ul]").css("border", "1px solid black").css("color","red");錛?/p> <p>涓婇潰浠g爜涓殑[expression] 璇硶鏄粠XPath鑰屾潵錛屽彲浠ュ湪瀛愬厓绱犲拰灞炴€?elements and attributes)涓婄敤浣滆繃婊ゅ櫒錛屾瘮濡備綘鍙兘鎯抽€夋嫨鎵€鏈夌殑甯︽湁name灞炴€х殑閾炬帴:</p> <pre>$(document).ready(function() {<br> $("a[@name]").background("#eee");<br>});</pre> <p>榪欎釜浠g爜緇欐墍鏈夊甫鏈塶ame灞炴€х殑閾炬帴鍔犱簡涓€涓儗鏅壊銆?span class=log>錛堣瘧鑰匥eel娉細榪欎釜棰滆壊澶笉鏄庢樉浜嗭紝寤鴻鍐欐垚$("a[@name]").background("red");錛?/span></p> <p>鏇村父瑙佺殑鎯呭喌鏄互name鏉ラ€夋嫨閾炬帴錛屼綘鍙兘闇€瑕侀€夋嫨涓€涓湁鐗圭偣href灞炴€х殑閾炬帴錛岃繖鍦ㄤ笉鍚岀殑嫻忚鍣ㄤ笅瀵筯ref鐨勭悊瑙e彲鑳戒細涓嶄竴鑷達紝鎵€浠ユ垜浠殑閮ㄥ垎鍖歸厤("*=")鐨勬柟寮忔潵浠f浛瀹屽叏鍖歸厤("=")錛?/p> <pre>$(document).ready(function() {<br> $("a[@href*=/content/gallery]").click(function() {<br> // do something with all links that point somewhere to /content/gallery<br> });<br>});</pre> <p>鍒扮幇鍦ㄤ負姝紝閫夋嫨鍣ㄩ兘鐢ㄦ潵閫夋嫨瀛愬厓绱犳垨鑰呮槸榪囨護鍏冪礌銆傚彟澶栬繕鏈変竴縐嶆儏鍐墊槸閫夋嫨涓婁竴涓垨鑰呬笅涓€涓厓绱狅紝姣斿涓€涓狥AQ鐨勯〉闈紝絳旀棣栧厛浼氶殣钘忥紝褰撻棶棰樼偣鍑繪椂錛岀瓟妗堟樉紺哄嚭鏉ワ紝jQuery浠g爜濡備笅錛?/p> <pre>$(document).ready(function() {<br> $('#faq').find('dd').hide().end().find('dt').click(function() {<br> var answer = $(this).next();<br> if (answer.is(':visible')) {<br> answer.slideUp();<br> } else {<br> answer.slideDown();<br> }<br> });<br>});</pre> <p>榪?閲屾垜浠敤浜嗕竴浜涢摼寮忚〃杈炬硶鏉ュ噺灝戜唬鐮侀噺錛岃€屼笖鐪嬩笂鍘繪洿鐩磋鏇村鏄撶悊瑙c€傚儚'#faq' 鍙€夋嫨浜嗕竴嬈★紝鍒╃敤end()鏂規硶錛岀涓€嬈ind()鏂規硶浼氱粨鏉?undone)錛屾墍浠ユ垜浠彲浠ユ帴鐫€鍦ㄥ悗闈㈢戶緇璮ind('dt')錛岃€屼笉闇€瑕佸啀鍐? ('#faq').find('dt')銆?/p> <p>鍦ㄧ偣鍑諱簨浠朵腑鐨勶紝鎴戜滑鐢?$(this).next() 鏉ユ壘鍒癲t涓嬮潰绱ф帴鐨勪竴涓猟d鍏冪礌錛岃繖璁╂垜浠彲浠ュ揩閫熷湴閫夋嫨鍦ㄨ鐐瑰嚮闂涓嬮潰鐨勭瓟妗堛€?/p> <p class=log>錛堣瘧 鑰匥eel娉細榪欎釜渚嬪瓙鐪熸槸澶叿浜嗭紝FAQ涓殑絳旀鍙互鏀剁緝錛佷粠鍒╃敤next()鐨勬€濊礬鍒板疄鐜拌繖浜涙晥鏋滈兘鏈夊緢澶氬湴鏂歸渶瑕佹垜浠秷鍖栵紝娉ㄦ剰 if (answer.is(':visible'))鐢ㄦ硶錛屾敞鎰廰nswer.slideUp();涓嶆噦鐨勫湴鏂硅刀绱ф煡鎴戝湪鏈€寮€濮嬫彁鍒扮殑涓や釜蹇呯湅API鏂囨。錛?/p> <p>闄や簡閫夋嫨鍚岀駭鍒殑鍏冪礌澶栵紝浣犱篃鍙互閫夋嫨鐖剁駭鐨勫厓绱犮€傚彲鑳戒綘鎯沖湪鐢ㄦ埛榧犳爣縐誨埌鏂囩珷鏌愭鐨勬煇涓摼鎺ユ椂錛屽畠鐨勭埗綰у厓绱?-涔熷氨鏄枃绔犵殑榪欎竴孌電獊鍑烘樉紺猴紝璇曡瘯榪欎釜錛?/p> <pre>$(document).ready(function() {<br> $("a").hover(function() {<br> $(this).parents("p").addClass("highlight");<br> }, function() {<br> $(this).parents("p").removeClass("highlight");<br> });<br>});</pre> <p>嫻嬭瘯鏁堟灉鍙互鐪嬪埌錛岀Щ鍒版枃绔犳煇孌電殑閾炬帴鏃訛紝瀹冩墍鍦ㄧ殑孌靛叏鐢ㄤ笂highlight鏍峰紡錛岀Щ璧頒箣鍚庡張鎭㈠鍘熸牱銆?/p> <span id="wmqeeuq" class=log>錛堣瘧鑰匥eel娉細highlight鏄痗ore.css涓畾涔夌殑鏍峰紡錛屼綘涔熷彲浠ユ敼鍙樺畠錛屾敞鎰忚繖閲屾湁絎簩涓猣unction()榪欐槸hover鏂規硶鐨勭壒鐐癸紝璇峰湪API鏂囨。涓煡闃卙over錛屼笂闈篃鏈変緥瀛愯鏄庯級</span> <p>鍦ㄦ垜浠戶緇箣鍓嶆垜浠厛鏉ョ湅鐪嬭繖涓€姝ワ細 jQuery浼氳浠g爜鍙樺緱鏇寸煭浠庤€屾洿瀹規槗鐞嗚В鍜岀淮鎶わ紝涓嬮潰鏄?(document).ready(callback)鐨勭緝鍐欐硶錛?/p> <pre>$(function() {<br> // code to execute when the DOM is ready<br>});</pre> <p>搴旂敤鍒版垜浠殑Hello world渚嬪瓙涓紝鍙互榪欐牱:</p> <pre>$(function() {<br> $("a").click(function() {<br> alert("Hello world!");<br> });<br>});</pre> <p>鐜板湪錛屾垜浠墜涓婃湁浜嗚繖浜涘熀紜€鐨勭煡璇嗭紝鎴戜滑鍙互鏇磋繘涓€姝ョ殑鎺㈢儲鍏跺畠鏂歸潰鐨勪笢瑗匡紝灝變粠AJAX寮€濮嬶紒</p> <h4>鏈珷鐨勭浉鍏抽摼鎺?</h4> <ul> <li><a >jQuery API documentation</a> <li><a >Visual jQuery - A categorized browsable API documentation</a> <li><a >jQuery Expressions: CSS</a> <li><a >jQuery Expressions: XPath</a> <li><a >jQuery Expressions: Custom</a> <li><a >jQuery Special Events</a> <li><a >jQuery DOM Traversing</a></li> </ul> </div> <div> <h2 id=rate>Rate me:浣跨敤AJAX</h2> <p>鍦ㄨ繖涓€閮ㄥ垎鎴戜滑鍐欎簡涓€涓皬灝忕殑AJAX搴旂敤錛屽畠鑳藉rate涓€浜涗笢瑗?span class=log>錛堣瘧Keel娉細灝辨槸瀵規煇浜涗笢瑗挎姇紲級</span>錛屽氨鍍忓湪youtube.com涓婇潰鐪嬪埌鐨勪竴鏍楓€?/p> <p>棣栧厛鎴戜滑闇€瑕佷竴浜涙湇鍔″櫒绔唬鐮侊紝榪欎釜渚嬪瓙涓敤鍒頒簡涓€涓狿HP鏂囦歡錛岃鍙杛ating鍙傛暟鐒跺悗榪斿洖rating鎬繪暟鍜屽鉤鍧囨暟銆傜湅涓€涓?a >rate.php</a>浠g爜.</p> <p>铏界劧榪欎簺渚嬪瓙涔熷彲浠ヤ笉浣跨敤AJAX鏉ュ疄鐜幫紝浣嗘樉紺烘垜浠笉浼氶偅涔堝仛錛屾垜浠敤jQuery鐢熸垚涓€涓狣IV瀹瑰櫒錛孖D鏄?rating".</p> <pre>$(document).ready(function() {<br> // generate markup<br> var ratingMarkup = ["Please rate: "];<br> for(var i=1; i <= 5; i++) {<br> ratingMarkup[ratingMarkup.length] = "<a href='#'>" + i + "</a> ";<br> }<br> // add markup to container and applier click handlers to anchors<br> $("#rating").append( ratingMarkup.join('') ).find("a").click(function(e) {<br> e.preventDefault();<br> // send requests<br> $.post("rate.php", {rating: $(this).html()}, function(xml) {<br> // format result<br> var result = [<br> "Thanks for rating, current average: ",<br> $("average", xml).text(),<br> ", number of votes: ",<br> $("count", xml).text()<br> ];<br> // output result<br> $("#rating").html(result.join(''));<br> } );<br> });<br>});</pre> <p>榪欐浠g爜鐢熸垚浜?涓摼鎺ワ紝騫跺皢瀹冧滑榪藉姞鍒癷d涓?rating"瀹瑰櫒涓紝褰撳叾涓竴涓摼鎺ヨ鐐瑰嚮鏃訛紝璇ラ摼鎺ユ爣鏄庣殑鍒嗘暟灝變細浠ating鍙傛暟褰㈠紡鍙戦€佸埌rate.php錛岀劧鍚庯紝緇撴灉灝嗕互XML褰㈠紡浼氫粠鏈嶅姟鍣ㄧ浼犲洖鏉ワ紝娣誨姞鍒板鍣ㄤ腑錛屾浛浠h繖浜涢摼鎺ャ€?/p> <p>濡傛灉浣犳病鏈変竴涓畨瑁呰繃PHP鐨剋ebserver錛屼綘鍙互鐪嬬湅榪欎釜<a >鍦ㄧ嚎鐨勪緥瀛?/a>.</p> <p>涓嶄嬌鐢╦avascript瀹炵幇鐨勪緥瀛愬彲浠ヨ闂?<a >softonic.de</a> 鐐瑰嚮 "Kurz bewerten!"</p> <p>鏇村鐨凙JAX鏂規硶鍙互浠?a class=doc title="Documentation for AJAX methods" >榪欓噷</a> 鎵懼埌錛屾垨鑰呯湅鐪?a >API鏂囨。</a> 涓嬮潰鐨凙JAX filed under AJAX.</p> <p class=log>錛堣瘧鑰匥eel娉細榪欎釜鍦ㄧ嚎瀹炰緥浠庡浗鍐呰闂繕鏄瘮杈冩參鐨勶紝鐐瑰嚮鍚庤絳変竴浼氬効鎵嶈兘鐪嬪埌緇撴灉錛屽彲浠ヨ€冭檻瀵瑰畠榪涜淇敼錛屾瘮濡傚姞涓妉oading錛屾姇紲ㄥ悗鍔犱笂鍐嶆姇紲ㄧ殑榪斿洖閾炬帴絳夈€傛澶栵紝榪欎釜渚嬪瓙涓繕鏄湁寰堝闇€瑕佽繘涓€姝ユ秷鍖栫殑鍦版柟錛岀湅涓嶆噦鐨勫湴鏂硅鍙傝€傾PI鏂囨。銆傦級</p> <p>涓€涓湪浣跨敤AJAX杞藉叆鍐呭鏃剁粡甯稿彂鐢熺殑闂鏄細褰撹澆鍏ヤ竴涓簨浠跺彞鏌勫埌涓€涓狧TML鏂囨。鏃訛紝榪橀渶瑕佸湪杞藉叆鍐呭涓婂簲鐢ㄨ繖浜涗簨浠訛紝浣犱笉寰椾笉鍦ㄥ唴瀹瑰姞杞藉畬鎴愬悗搴旂敤榪欎簺浜嬩歡鍙ユ焺錛屼負浜嗛槻姝唬鐮侀噸澶嶆墽琛岋紝浣犲彲鑳界敤鍒板涓嬩竴涓猣unction:</p> <pre>// lets use the shortcut<br>$(function() {<br> var addClickHandlers = function() {<br> $("a.clickMeToLoadContent").click(function() {<br> $("#target").load(this.href, addClickHandlers);<br> });<br> };<br> addClickHandlers();<br>});</pre> <p>鐜板湪錛宎ddClickHandlers鍙湪DOM杞藉叆瀹屾垚鍚庢墽琛屼竴嬈★紝榪欐槸鍦ㄧ敤鎴鋒瘡嬈$偣鍑誨叿鏈塩lickMeToLoadContent 榪欎釜鏍峰紡鐨勯摼鎺ュ茍涓斿唴瀹瑰姞杞藉畬鎴愬悗.</p> <p>璇鋒敞鎰廰ddClickHandlers鍑芥暟鏄綔涓轟竴涓眬閮ㄥ彉閲忓畾涔夌殑錛岃€屼笉鏄叏灞€鍙橀噺(濡傦細function addClickHandlers() {...})錛岃繖鏍峰仛鏄負浜嗛槻姝笌鍏朵粬鐨勫叏灞€鍙橀噺鎴栬€呭嚱鏁扮浉鍐茬獊.</p> <p>鍙︿竴涓父瑙佺殑闂鏄叧浜庡洖璋?callback)鐨勫弬鏁般€備綘鍙互閫氳繃涓€涓澶栫殑鍙傛暟鎸囧畾鍥炶皟鐨勬柟娉曪紝綆€鍗曠殑鍔炴硶鏄皢榪欎釜鍥炶皟鏂規硶鍖呭惈鍦ㄤ竴涓叾瀹冪殑function涓?</p> <pre>// get some data<br>var foobar = ...;<br>// specify handler, it needs data as a paramter<br>var handler = function(data) {<br> ...<br>};<br>// add click handler and pass foobar!<br>$('a').click( function(event) { handler(foobar); } );<br><br>// if you need the context of the original handler, use apply:<br>$('a').click( function(event) { handler.apply(this, [foobar]); } );</pre> <p>鐢ㄥ埌綆€鍗曠殑AJAX鍚庯紝鎴戜滑鍙互璁や負宸茬粡闈炲父涔?#8220;web2.0”浜嗭紝浣嗘槸鍒扮幇鍦ㄤ負姝紝鎴戜滑榪樼己灝戜竴浜涢叿鐐殑鏁堟灉銆備笅涓€鑺傚皢浼氳皥鍒拌繖浜涙晥鏋?</p> <h4>鏈珷鐨勭浉鍏抽摼鎺?</h4> <ul> <li><a >jQuery AJAX Module</a> <li><a >jQuery API: Contains description and examples for append and all other jQuery methods</a> <li><a >ThickBox: A jQuery plugin that uses jQuery to enhance the famous lightbox</a></li> </ul> </div> <div> <h2 id=animate>Animate me(璁╂垜鐢熷姩璧鋒潵):浣跨敤FX</h2> <p>涓€浜涘姩鎬佺殑鏁堟灉鍙互浣跨敤 <code>show()</code> 鍜?<code>hide()</code>鏉ヨ〃鐜?</p> <pre>$(document).ready(function() {<br> $("a").toggle(function() {<br> $(".stuff").hide('slow');<br> }, function() {<br> $(".stuff").show('fast');<br> });<br>});</pre> <p>浣犲彲浠ヤ笌 <code>animate()</code>鑱斿悎璧鋒潵鍒涘緩涓€浜涙晥鏋?濡備竴涓甫娓愭樉鐨勬粦鍔ㄦ晥鏋?</p> <pre>$(document).ready(function() {<br> $("a").toggle(function() {<br> $(".stuff").animate({<br> height: 'hide',<br> opacity: 'hide'<br> }, 'slow');<br> }, function() {<br> $(".stuff").animate({<br> height: 'show',<br> opacity: 'show'<br> }, 'slow');<br> });<br>});</pre> <p>寰堝涓嶉敊鐨勬晥鏋滃彲浠ヨ闂?a >interface plugin collection</a>. 榪欎釜绔欑偣鎻愪緵浜嗗緢澶歞emos鍜屾枃妗?/p> <p>榪欎簺鏁堟灉鎻掍歡鏄綅浜巎Query鎻掍歡鍒楄〃鐨勫墠闈㈢殑錛屽綋鐒朵篃鏈夊緢澶氬叾浠栫殑鎻掍歡錛屾瘮濡傛垜浠笅涓€绔犺鍒扮殑琛ㄦ牸鎺掑簭鎻掍歡銆?/p> <h4>鏈珷鐨勭浉鍏抽摼鎺?</h4> <ul> <li><a >jQuery FX Module</a> <li><a >Interface plugin</a></li> </ul> </div> <div> <h2 id=sort>Sort me(灝嗘垜鏈夊簭鍖?:浣跨敤tablesorter鎻掍歡(琛ㄦ牸鎺掑簭)</h2> <p>榪欎釜琛ㄦ牸鎺掑簭鎻掍歡鑳借鎴戜滑鍦ㄥ鎴風鎸夋煇涓€鍒楄繘琛屾帓搴忥紝寮曞叆jQuery鍜岃繖涓彃浠剁殑js鏂囦歡錛岀劧鍚庡憡璇夋彃浠朵綘鎯寵鍝釜琛ㄦ牸鎷ユ湁鎺掑簭鍔熻兘銆?/p> <p>瑕佹祴璇曡繖涓緥瀛愶紝鍏堝湪starterkit.html涓姞涓婂儚涓嬮潰榪欎竴琛岀殑浠g爜錛?/p> <pre><script src="lib/jquery.tablesorter.js" type="text/javascript"></script></pre> <p>鐒跺悗鍙互榪欐牱璋冪敤涓嶇潃:</p> <pre>$(document).ready(function() {<br> $("#large").tableSorter();<br>});</pre> <p>鐜板湪鐐瑰嚮琛ㄦ牸鐨勭涓€琛宧ead鍖哄煙錛屼綘鍙互鐪嬪埌鎺掑簭鐨勬晥鏋滐紝鍐嶆鐐瑰嚮浼氭寜鍊掕繃鏉ョ殑欏哄簭榪涜鎺掑垪銆?/p> <p>榪欎釜琛ㄦ牸榪樺彲浠ュ姞涓€浜涚獊鍑烘樉紺虹殑鏁堟灉錛屾垜浠彲浠ュ仛榪欐牱涓€涓殧琛岃儗鏅壊錛堟枒椹嚎錛夋晥鏋?</p> <pre>$(document).ready(function() {<br> $("#large").tableSorter({<br> stripingRowClass: ['odd','even'], // Class names for striping supplyed as a array.<br> stripRowsOnStartUp: true // Strip rows on tableSorter init.<br> });<br>});</pre> <p>鍏充簬榪欎釜鎻掍歡鐨勬洿澶氫緥瀛愬拰鏂囨。鍙互鍦?<a >tablesorter棣栭〉</a>鎵懼埌.</p> <p>鍑犱箮鎵€鏈夌殑鐗逛歡閮芥槸榪欐牱鐢ㄧ殑:鍏坕nclude鎻掍歡鐨刯s鏂囦歡,鐒跺悗鍦ㄦ煇浜涘厓绱犱笂浣跨敤鎻掍歡瀹氫箟鐨勬柟娉?褰撶劧涔熸湁涓€浜涘弬鏁伴€夐」鏄彲浠ラ厤緗殑</p> <p>緇忓父鏇存柊鐨勬彃浠跺垪琛ㄥ彲浠ヤ粠jQuery瀹樻柟绔?<a title="Plugins for jQuery" >on the jQuery site</a>鎵懼埌.</p> <p>褰撲綘鏇寸粡甯稿湴浣跨敤jQuery鏃?浣犱細鍙戠幇灝嗕綘鑷繁鐨勪唬鐮佹墦鍖呮垚鎻掍歡鏄緢鏈夌敤澶勭殑,瀹冭兘鏂逛究鍦拌浣犵殑鍏徃鎴栬€呭叾浠栦漢榪涜閲嶇敤.涓嬩竴绔犳垜浠皢璋堝埌濡備綍鏋勫緩涓€涓嚜宸辯殑鎻掍歡.</p> <h4>鏈珷鐨勭浉鍏抽摼鎺?</h4> <ul> <li><a >Plugins for jQuery</a> <li><a >Tablesorter Plugin</a></li> </ul> </div> <div> <h2 id=plug>Plug me:鍒朵綔鑷繁鐨勬彃浠?/h2> <p>鍐欎竴涓嚜宸辯殑jQuery鎻掍歡鏄潪甯稿鏄撶殑,濡傛灉浣犳寜鐓т笅闈㈢殑鍘熷垯鏉ュ仛,鍙互璁╁叾浠栦漢涔熷鏄撳湴緇撳悎浣跨敤浣犵殑鎻掍歡.</p> <ol> <li>涓轟綘鐨勬彃浠跺彇涓€涓悕瀛?鍦ㄨ繖涓緥瀛愰噷闈㈡垜浠彨瀹?foobar". <li>鍒涘緩涓€涓儚榪欐牱鐨勬枃浠?jquery.[yourpluginname].js,姣斿鎴戜滑鍒涘緩涓€涓猨query.foobar.js <li>鍒涘緩涓€涓垨鏇村鐨勬彃浠舵柟娉?浣跨敤緇ф壙jQuery瀵硅薄鐨勬柟寮?濡? <pre>jQuery.fn.foobar = function() {<br> // do something<br>};</pre> <li>鍙€夌殑:鍒涘緩涓€涓敤浜庡府鍔╄鏄庣殑鍑芥暟,濡? <pre>jQuery.fooBar = {<br> height: 5,<br> calculateBar = function() { ... },<br> checkDependencies = function() { ... }<br>};</pre> <p>浣犵幇鍦ㄥ彲浠ュ湪浣犵殑鎻掍歡涓嬌鐢ㄨ繖浜涘府鍔╁嚱鏁頒簡:</p> <pre>jQuery.fn.foobar = function() {<br> // do something<br> jQuery.foobar.checkDependencies(value);<br> // do something else<br>};</pre> <li>鍙€夌殑l:鍒涘緩涓€涓粯璁ょ殑鍒濆鍙傛暟閰嶇疆,榪欎簺閰嶇疆涔熷彲浠ョ敱鐢ㄦ埛鑷璁懼畾,濡? <pre>jQuery.fn.foobar = function(options) {<br> var settings = {<br> value: 5,<br> name: "pete",<br> bar: 655<br> };<br> if(options) {<br> jQuery.extend(settings, options);<br> }<br>};</pre> <p>鐜板湪鍙互鏃犻渶鍋氫換浣曢厤緗湴浣跨敤鎻掍歡浜?榛樿鐨勫弬鏁板湪姝ゆ椂鐢熸晥:</p> <pre>$("...").foobar();</pre> <p>鎴栬€呭姞鍏ヨ繖浜涘弬鏁板畾涔?</p> <pre>$("...").foobar({<br> value: 123,<br> bar: 9<br>});</pre> </li> </ol> <p>濡傛灉浣爎elease浣犵殑鎻掍歡, 浣犺繕搴旇鎻愪緵涓€浜涗緥瀛愬拰鏂囨。,澶ч儴鍒嗙殑鎻掍歡閮藉叿澶囪繖浜涜壇濂界殑鍙傝€冩枃妗?</p> <p>鐜板湪浣犲簲璇ユ湁浜嗗啓涓€涓彃浠剁殑鍩虹,璁╂垜浠瘯鐫€鐢ㄨ繖浜涚煡璇嗗啓涓€涓嚜宸辯殑鎻掍歡.</p> <p>寰堝浜鴻瘯鐫€鎺у埗鎵€鏈夌殑radio鎴栬€卌heckbox鏄惁琚€変腑,姣斿:</p> <pre>$("input[@type='checkbox']").each(function() {<br> this.checked = true;<br> // or, to uncheck<br> this.checked = false;<br> // or, to toggle<br> this.checked = !this.checked;<br>});</pre> <p>鏃犺浣曟椂鍊欙紝褰撲綘鐨勪唬鐮佸嚭鐜癳ach鏃訛紝浣犲簲璇ラ噸鍐欎笂闈㈢殑浠g爜鏉ユ瀯閫犱竴涓彃浠?寰堢洿鎺ュ湴:</p> <pre>$.fn.check = function() {<br> return this.each(function() {<br> this.checked = true;<br> });<br>};</pre> <p>榪欎釜鎻掍歡鐜板湪鍙互榪欐牱鐢?</p> <pre>$("input[@type='checkbox']").check();</pre> <p>鐜板湪浣犲簲璇ヨ繕鍙互鍐欏嚭uncheck()鍜宼oggleCheck()浜?浣嗘槸鍏堝仠涓€涓?璁╂垜浠殑鎻掍歡鎺ユ敹涓€浜涘弬鏁?</p> <pre>$.fn.check = function(mode) {<br> var mode = mode || 'on'; // if mode is undefined, use 'on' as default<br> return this.each(function() {<br> switch(mode) {<br> case 'on':<br> this.checked = true;<br> break;<br> case 'off':<br> this.checked = false;<br> break;<br> case 'toggle':<br> this.checked = !this.checked;<br> break;<br> }<br> });<br>};</pre> <p>榪欓噷鎴戜滑璁劇疆浜嗛粯璁ょ殑鍙傛暟,鎵€浠ュ皢"on"鍙傛暟鐪佺暐涔熸槸鍙互鐨?褰撶劧涔熷彲浠ュ姞涓?on","off", 鎴?"toggle",濡?</p> <pre>$("input[@type='checkbox']").check();<br>$("input[@type='checkbox']").check('on');<br>$("input[@type='checkbox']").check('off');<br>$("input[@type='checkbox']").check('toggle');</pre> <p>濡傛灉鏈夊浜庝竴涓殑鍙傛暟璁劇疆浼氱◢紼嶆湁鐐瑰鏉?鍦ㄤ嬌鐢ㄦ椂濡傛灉鍙兂璁劇疆絎簩涓弬鏁?鍒欒鍦ㄧ涓€涓弬鏁頒綅緗啓鍏ull.</p> <p>浠庝笂涓€绔犵殑tablesorter鎻掍歡鐢ㄦ硶鎴戜滑鍙互鐪嬪埌,鏃㈠彲浠ョ渷鐣ユ墍鏈夊弬鏁版潵浣跨敤鎴栬€呴€氳繃涓€涓?key/value 瀵規潵閲嶆柊璁劇疆姣忎釜鍙傛暟.</p> <p>浣滀負涓€涓粌涔?浣犲彲浠ヨ瘯鐫€灝?<a >絎洓绔?/a> 鐨勫姛鑳介噸鍐欎負涓€涓彃浠?榪欎釜鎻掍歡鐨勯鏋跺簲璇ユ槸鍍忚繖鏍風殑:</p> <pre>$.fn.rateMe = function(options) {<br> var container = this; // instead of selecting a static container with $("#rating"), we now use the jQuery context<br> <br> var settings = {<br> url: "rate.php"<br> // put more defaults here<br> // remember to put a comma (",") after each pair, but not after the last one!<br> };<br> <br> if(options) { // check if options are present before extending the settings<br> $.extend(settings, options);<br> }<br> <br> // ...<br> // rest of the code<br> // ...<br> <br> return this; // if possible, return "this" to not break the chain<br>});</pre> </div> <div> <h2 id=next>Next steps(涓嬩竴姝?</h2> <p>濡傛灉浣犳兂鍋氭洿濂界殑javascript寮€鍙?寤鴻浣犱嬌鐢ㄤ竴涓彨 <a >FireBug</a>鐨刦irefox鎻掍歡. 瀹冩彁渚涗簡鏂偣璋冭瘯(姣攁lert寮哄浜?銆佽瀵烡OM鍙樺寲絳夊緢澶氭紓浜殑鍔熻兘</p> <p>濡傛灉浣犺繕鏈夋湭瑙e喅鐨勯棶棰橈紝鎴栬€呮柊鐨勬兂娉曚笌寤鴻錛屼綘鍙互浣跨敤jQuery鐨勯偖浠跺垪琛?<a >jQuery mailing list</a>.</p> <p>鍏充簬榪欎釜鎸囧崡鐨勪換浣曚簨鎯咃紝浣犲彲浠ュ啓<a href="mailto:enchos%20%5Bat%5D%20gmx%20%5Bdot%5D%20net">mail</a>緇欎綔鑰呮垨鑰呭彂琛ㄨ瘎璁哄湪浠栫殑鏃ュ織錛?a >blog</a>.</p> <p class=log>鍏充簬榪欎釜鎸囧崡鐨勭炕璇戜換浣曚簨鎯咃紝浣犲彲浠ュ啓<a href="mailto:keel.sike%5Bat%5D%20gmail.com">mail</a>緇欐垜鎴栬€呭彂琛ㄨ瘎璁哄湪鎴戠殑鏃ュ織錛?a >blog</a>.</p> </div> <div> <h3>榪樻湁浠€涔?..</h3> <p>澶уぇ鎰熻阿John Resig鍒涢€犱簡榪欎箞濂界殑library! 鎰熻阿jQuery community 涓篔ohn鎻愪緵浜嗗姝ゅ鐨勫挅鍟″拰鍏朵粬鐨勪竴鍒?</p> </div> <h4><a >© 2006, Jörn Zaefferer</a> - last update: 2006-09-12</h4> <h4>涓枃鐗堢炕璇?<a >Keel</a> - 鏈€鍚庢洿鏂? 2006-12-13</h4> <script src="http://www.google-analytics.com/urchin.js" type=text/javascript></script> <script type=text/javascript>_uacct = "UA-333331-1";urchinTracker();</script> <img src ="http://www.aygfsteel.com/wangxinsh55/aggbug/126164.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/wangxinsh55/" target="_blank">SIMONE</a> 2007-06-25 17:34 <a href="http://www.aygfsteel.com/wangxinsh55/archive/2007/06/25/126164.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>ajax緙撳瓨闂http://www.aygfsteel.com/wangxinsh55/archive/2007/02/08/98642.htmlSIMONESIMONEThu, 08 Feb 2007 01:15:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2007/02/08/98642.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/98642.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2007/02/08/98642.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/98642.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/98642.html浣跨敤Ajax涓亣鍒扮殑涓€涓棶棰橈紝鎵嬪姩鍒鋒柊欏甸潰鏃訛紝娌℃湁鎻愪氦鍒板悗鍙板鐞嗭紝鎬繪樉紺虹涓€嬈¤澆鍏ョ殑鏁版嵁銆?br />欏靛ご宸插姞鍏ラ槻緙撳瓨璁劇疆錛?br /><meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
鍙粨鏋滀緷鏃с€?br />baidu浜嗕竴涓嬶紝鎵懼埌鐩稿叧璧勬枡銆?br />瑙e喅鏂規硶錛氳鎻愪氦鐨刄RL姣忔閮藉悜鏈嶅姟鍣ㄧ鍙戦€佽姹傦紝鑰屼笉鏄嬌鐢ㄧ紦瀛樸€?br />鏂規硶涓€錛氬姞鏃墮棿鎴?var url = BaseURL + "&timeStamp=" + new Date().getTime();
鏂規硶浜岋細鍔犻殢鏈烘暟 var url = BaseURL + "&r=" + Math.random();
鏂規硶涓夛細鑷凡鎯熾€傘€傘€?/p>

SIMONE 2007-02-08 09:15 鍙戣〃璇勮
]]>
鏃犲敖鐨勪換鍔?JSON http://www.aygfsteel.com/wangxinsh55/archive/2007/01/04/91708.htmlSIMONESIMONEThu, 04 Jan 2007 03:03:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2007/01/04/91708.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/91708.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2007/01/04/91708.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/91708.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/91708.html鎶€鏈キ榪樼湡鏄笉濂藉悆,浠婂ぉ涓轟簡鎼炲畾鐪間笅榪欎釜闅鵑,閫夋嫨浜咥jax.鍦ㄧ湅Ajax鐨勬椂鍊欑湅鍒頒簡Json.榪欎釜涓滆タ鐪嬬潃涓嶉敊,濂藉惂,涓婄綉鍘籨own涓敤.

鎵撳紑緗戠珯寮€濮嬪鎵炬垜鐨勭洰鏍?鍙戠幇榪欎釜涓滆タ灞呯劧鏈夊ソ澶氱増鏈?姣斿

  • JSON in ActionScript:
  • JSON in C.
  • JSON in C++:
  • JSON in C#:
  • JSON in Cold Fusion.
  • JSON in Delphi.
  • JSON in E.
  • JSON in Erlang.
  • JSON in Java:
  • JSON in JavaScript.
  • JSON in Lisp:
  • JSON in Lua.
  • JSON in ML and Ruby.
  • JSON in Objective C.
  • JSON in Objective CAML.
  • JSON in OpenLaszlo.
  • JSON in Perl.
  • JSON in PHP:
  • JSON in Python.
  • JSON in Rebol.
  • JSON in Ruby.
  • JSON in Squeak.

    璇村疄璇?鐪嬪埌榪欎簺鐜╂剰,蹇冮噷闈㈤】鏃舵槸鍑変簡鍗婃埅.

    濂藉鍚嶈瘝!!!

    .鐪嬬潃榪欎簺涓滆タ鎰熻鑷繁鐗瑰埆鏃犵煡.騫稿ソ澶у鑴哥啛,蹇冮噷闈㈢殑铏氳崳蹇冭繕娌℃湁璺屽€掍綆璋?

    鐐瑰嚮涓€涓摼鎺?姣旂幇鍦ㄥ涓€鍊嶇殑鏂伴摼鎺ュ嚭鐜板湪鐪煎墠,姣忎竴涓摼鎺ヤ唬琛ㄤ竴涓煡璇嗙偣.欏甸潰鍛堢幇鐨勪竴鐬棿鐞嗘櫤绔嬪埢宕╂簝浜?鍙槸涓€涓悕涓嶈緇忎紶鐨刯son灝辨湁濡傛涔嬪鐨勭煡璇?閭d箞鍏朵粬鐨?......闈㈠鏃犵┓鏃犲敖鐨勭煡璇嗘搗媧?涓嶇敱鐞嗚В浜嗙煡璇嗘槸瀛︿笉瀹岃繖鍙ヨ瘽.

    鍦ㄧ煡璇嗙垎鐐哥殑浠婂ぉ,涔熻鍙湁"鐜扮敤鐜板"鏄В鍐寵繖縐嶆儏鍐電殑鏈€濂藉姙娉?

    鍙槸闈㈠榪欎簺涓滆タ,寮€濮嬭寰楅偅鍙?"鐜扮敤鐜板"鏄涔堟亹鎬栫殑涓€縐嶅鐣?榪欑涓滆タ鐜板浜嗚兘椹笂浼氱敤,鐢ㄤ笉鏄棶棰?闂鏄敤榪欎簺鏂頒笢瑗胯繕鑳界畻鍑哄伐紼嬭繘搴?榪樿兘緙栧嚭鍙互緇存姢鐨勪唬鐮?濡傛灉鍐嶈兘淇濊瘉浠g爜鐨勫仴澹€?閭?.......

    榪欓噷涓嶇敱鎯沖埌鍙︿竴涓棶棰?涓轟粈涔堢幇鐢ㄧ幇瀛﹁繕鑳界敤鍛?濡傛灉鏄叏鏂扮殑涓滆タ,蹇€熺殑瀛︿範鑲畾紲炰粰涔熷仛涓嶄簡.鎵€浠ョ湅璧鋒潵鍏ㄦ柊鐨勭煡璇嗗簲璇ユ湁鐩稿簲鐨勫叡閫氱偣.

    鏄笉鏄洜涓洪潰鍚戝璞$殑鎬濇兂鍛?涓漢鐚滄祴,鍙兘鎬ф瘮杈冨ぇ,鍥犱負涓€鏃﹀彉鎴愬璞′簡,灝卞彲浠ヤ笉綆′粬浠殑瀹炵幇鏂瑰紡,涓€寰嬪綊鍒板凡鏈夌殑闈㈠悜瀵硅薄鐨勬€濊礬涓潵,鏃犻潪鏄浜嗗嚑涓柊鍏冪礌瑕佽鑰屽凡.瑕佹槸榪欐牱,鐪熷簲璇ユ劅璋㈤潰鍚戝璞?




  • SIMONE 2007-01-04 11:03 鍙戣〃璇勮
    ]]>
    鍏充簬W3C DOM http://www.aygfsteel.com/wangxinsh55/archive/2006/12/31/91199.htmlSIMONESIMONESun, 31 Dec 2006 08:59:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2006/12/31/91199.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/91199.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2006/12/31/91199.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/91199.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/91199.html闃呰鍏ㄦ枃

    SIMONE 2006-12-31 16:59 鍙戣〃璇勮
    ]]>
    Ajax涓嬌鐢↗SON http://www.aygfsteel.com/wangxinsh55/archive/2006/12/31/91198.htmlSIMONESIMONESun, 31 Dec 2006 08:52:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2006/12/31/91198.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/91198.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2006/12/31/91198.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/91198.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/91198.html聽聽聽 欏甸潰錛歫sonExample.jsp

    <%@ page contentType="text/html; charset=GBK" %>
    <html>
    <head>
    <title>
    JSON紺轟緥
    </title>
    <script type="text/javascript" src="zxml.src.js"></script>
    <script type="text/javascript" src="json.js"></script>
    <script type="text/javascript">
    聽var xmlHttp;
    聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽 //鍒涘緩瀵硅薄
    聽聽聽聽聽聽聽 function createXMLHttpRequest(){
    聽聽聽聽聽聽聽 聽xmlHttp = zXmlHttp.createRequest();
    聽聽聽聽聽聽聽 }
    聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽 function doJSON(){
    聽聽聽聽聽聽聽聽聽 聽//寰楀埌Car瀵硅薄
    聽聽聽聽聽聽聽 聽var car = getCarObject();
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鐢↗SON瀛楃涓插寲car瀵硅薄
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var carAsJSON = car.toJSONString();
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 alert("姹借濺瀵硅薄JSON鍖栦負:\n" + carAsJSON);
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var url = "JSONExample?timeStamp=" + new Date().getTime();
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鍒涘緩瀵硅薄
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 createXMLHttpRequest();
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 xmlHttp.open("POST",url,true);
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 xmlHttp.onreadystatechange = handleStateChange;
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 xmlHttp.setRequestHeader("Content-Type","application/x-www-form.urlencoded");
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 xmlHttp.send(carAsJSON);
    聽聽聽聽聽聽聽 }
    聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽 //鍥炶皟鏂規硶
    聽聽聽聽聽聽聽 function handleStateChange(){
    聽聽聽聽聽聽聽 聽if (xmlHttp.readyState == 4){
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽if (xmlHttp.status == 200){
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽parseResults();
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }
    聽聽聽聽聽聽聽 }
    聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽 //瑙f瀽緇撴灉
    聽聽聽聽聽聽聽 function parseResults(){
    聽聽聽聽聽聽聽 聽var responseDiv = document.getElementById("serverResponse");
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (responseDiv.hasChildNodes()){
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽responseDiv.removeChild(responseDiv.childNode[0]);
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var responseText = document.createTextNode(xmlHttp.responseText);
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 responseDiv.appendChild(responseText);
    聽聽聽聽聽聽聽 }
    聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽 //寰楀埌Car瀵硅薄
    聽聽聽聽聽聽聽 function getCarObject(){
    聽聽聽聽聽聽聽 聽return new Car("Dodge","Coronet R/T",1968,"yellow");
    聽聽聽聽聽聽聽 }
    聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽
    聽聽聽聽聽聽聽 //Car鏋勯€犲嚱鏁?br />聽聽聽聽聽聽聽 function Car(make,model,year,color){
    聽聽聽聽聽聽聽 聽this.make = make;
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 this.model = model;
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 this.year = year;
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 this.color = color;
    聽聽聽聽聽聽聽 }
    </script>
    </head>
    <body>
    <br /><br />
    <form action="#">
    聽 <input type="button" value="鍙戦€丣SON鏁版嵁" onclick="doJSON();"/>
    </form>
    <h2>
    聽 鏈嶅姟鍣ㄥ搷搴旓細
    </h2>
    <div id="serverResponse">
    </div>
    </body>
    </html>

    聽聽聽 鏈嶅姟鍣細JSONExample.java

    package ajaxbook.chap4;

    import java.io.*;
    import java.net.*;
    import java.text.ParseException;
    import javax.servlet.*;
    import javax.servlet.http.*;
    import org.json.JSONObject;

    public class JSONExample
    聽聽聽 extends HttpServlet {
    聽 //澶勭悊Post鏂規硶
    聽 protected void doPost(HttpServletRequest request,
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 HttpServletResponse response) throws ServletException,
    聽聽聽聽聽 IOException {
    聽聽聽 String json = readJSONStringFromRequestBody(request);

    聽聽聽 //浣跨敤JSON緇戝瓧Ajax瀵硅薄
    聽聽聽 JSONObject jsonObject = null;
    聽聽聽 try {
    聽聽聽聽聽 jsonObject = new JSONObject(json);
    聽聽聽 }
    聽聽聽 catch (ParseException pe) {
    聽聽聽聽聽 System.out.println("ParseException: " + pe.toString());
    聽聽聽 }

    聽聽聽 //榪斿洖杈撳嚭緇撴灉
    聽聽聽 String responseText = "You have a " + jsonObject.getInt("year") + " "
    聽聽聽聽聽聽聽 + jsonObject.getString("make") + " " + jsonObject.getString("model")
    聽聽聽聽聽聽聽 + " " + " that is " + jsonObject.getString("color") + " in color.";

    聽聽聽 response.setContentType("text/xml");
    聽聽聽 response.getWriter().print(responseText);
    聽 }

    聽 //寰楀埌鍙傛暟
    聽 private String readJSONStringFromRequestBody(HttpServletRequest request) {
    聽聽聽 StringBuffer json = new StringBuffer();
    聽聽聽 String line = null;
    聽聽聽 try {
    聽聽聽聽聽 BufferedReader reader = request.getReader();
    聽聽聽聽聽 while ( (line = reader.readLine()) != null) {
    聽聽聽聽聽聽聽 json.append(line);
    聽聽聽聽聽 }
    聽聽聽 }
    聽聽聽 catch (Exception e) {
    聽聽聽聽聽 System.out.println("Error reading JSON string: " + e.toString());
    聽聽聽 }
    聽聽聽 return json.toString();
    聽 }
    }

    娉ㄦ剰錛氳寮曞叆json.js鍜宩son鐨勬簮鏂囦歡錛屼嬌鐢╦son.jar涓嶈錛屾簮鏂囦歡鍙傝涔︾睄婧愪唬鐮佺涓夌珷

    鍙傝€冿細Ajax鍩虹鏁欑▼聽 浣滅瑪璁板惂聽



    Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=975204



    SIMONE 2006-12-31 16:52 鍙戣〃璇勮
    ]]>
    AJAX+jsp鏃犲埛鏂伴獙璇佺爜瀹炰緥http://www.aygfsteel.com/wangxinsh55/archive/2006/12/11/86907.htmlSIMONESIMONEMon, 11 Dec 2006 06:55:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2006/12/11/86907.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/86907.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2006/12/11/86907.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/86907.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/86907.html 銆愬璇匯€戞湰鏂囬€氳繃瀹炰緥錛屼粙緇嶅湪鍋氶獙璇佺爜鐨勬椂鍊欎負浜嗙粰鐢ㄦ埛寰堝ソ鐨勪綋楠岋紝闇€瑕佸湪鍘熸湁楠岃瘉鏂瑰紡鍩虹涔嬩笂澧炲姞涓€孌礿s錛岄€氳繃xmlhttp鏉ヨ幏鍙栬繑鍥炲€鹼紝浠ユ鏉ラ獙璇佹槸鍚︽湁鏁堛€傚悓鏃訛紝鏈緥榪樼壒鍒€傚悎媯€楠岀敤鎴峰悕鏄惁鏈夋晥銆?/font>

    1銆佹垜浠湪鍋氶獙璇佺爜鐨勬椂鍊欏線寰€鐢變簬瑕佸弽浣滃紛錛岄獙璇佹湁鏃舵晠鎰忓姞鍏ュ鐨勫共鎵板洜绱狅紝榪欐椂楠岃瘉鐮佹樉紺轟笉寰堟竻妤氾紝鐢ㄦ埛緇忓父杈撳叆閿欒銆傝繖鏍蜂笉浣嗚閲嶆柊鍒鋒柊欏甸潰錛屽鑷寸敤鎴鋒病鏈夌湅娓呮楠岃瘉鐮佽€岄噸濉€屼笉鏄慨鏀癸紝鑰屼笖濡傛灉娌℃湁鐢╯ession淇濆瓨涓嬬敤鎴瘋緭鍏ョ殑鍏跺畠鏁版嵁鐨勮瘽(濡傚鍚?錛岀敤鎴峰垰鍒氳緭鍏ョ殑鍐呭涔熶笉瀛樺湪浜嗭紝榪欐牱緇欑敤鎴烽€犳垚涓嶅ソ鐨勪綋楠屻€?

    2銆佹湰渚嬪湪鍘熸湁楠岃瘉鏂瑰紡鍩虹涔嬩笂澧炲姞涓€孌礿s錛岄€氳繃xmlhttp鏉ヨ幏鍙栬繑鍥炲€鹼紝浠ユ鏉ラ獙璇佹槸鍚︽湁鏁堬紝榪欐牱鍗充嬌鐢ㄦ埛嫻忚鍣ㄤ笉鏀寔js錛屼篃涓嶄細褰卞搷浠栫殑姝e父浣跨敤浜嗐€?

    3銆佷負浜嗛槻姝綔寮婏紝褰撶敤鎴瘋繛鎺?嬈¤緭鍏ラ敊璇椂鍒欓噸杞戒竴涓嬪浘鐗囷紝榪欐牱涔熷埄浜庣敤鎴峰洜涓哄浘鐗囦笂鐨勯獙璇佺爜杈ㄨ涓嶆竻鑰屼嬌鍏剁粓鏃犳硶杈撳叆姝g‘銆?

    4銆佹湰渚嬭繕鐗瑰埆閫傚悎媯€楠岀敤鎴峰悕鏄惁鏈夋晥錛屽彧瑕佷粠鍚庡彴鍋氫釜sql鏌ヨ錛岃繑鍥炰竴涓€兼垨鏄痻ml鍗沖彲銆?榪欑渚嬪瓙澶 錛屽氨鍦ㄦ涓嶈禈榪頒簡)銆?

    5銆佹湰渚嬬殑浼樼偣鍦ㄤ簬闈炲父鏂逛究鐢ㄦ埛杈撳叆錛岃€屼笖鍑忓皯瀵規湇鍔″櫒绔殑璇鋒眰錛屽彲浠ヨ鏃㈡敼鍠勭敤鎴蜂綋楠岃€屼笖鐣ヤ細鑺傜渷甯﹀鎴愭湰錛屼絾鐩稿簲鍦拌鍦ㄩ〉闈笂澧炲姞涓€孌礘avaScript浠g爜錛屽湪鐩墠緗戦€熻秺鏉ヨ秺蹇漢浠姹備究鎹瘋垝閫傜殑浠婂ぉ錛屼技涔庢垜浠洿搴旀敞鎰忔彁渚涚粰鐢ㄦ埛鑹ソ鐨勪嬌鐢ㄦ劅鍙椼€?

    浠g爜濡備笅錛?/p>

    1銆乮mg.jsp,杈撳叆涓婚〉闈?/strong>

    																

    <%@ page contentType="text/html; charset=GBK" language="java"

    import="java.sql.*" errorPage="" pageEncoding="GBK"%>

    <%

    //set Chinese Char

    //Cody by JarryLi@gmail.com;

    //homepage:jiarry.126.com

    request.setCharacterEncoding("GBK");

    response.setCharacterEncoding("GBK");

    response.setContentType("text/html; charset=GBK");

    %>

    <html>

    <head>

    <title>鍥劇墖楠岃瘉</title>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <script src="net.js"></script>

    </head>

    <body>

    AJAX(鏃犲埛鏂板強鏃舵彁紺?楠岃瘉鐮佸疄渚嬶紒cody by jarry

    <hr>

    <%

    String num=request.getParameter("num");

    String random=(String)session.getAttribute("random");

    String name=request.getParameter("name");

    if(num!=null&&random!=null&&name!=null)

    {

    if(num.equals(random))

    {聽

    out.println("<font style=\"color:green;font-weight:bold\">

    鎭枩鎮紝楠岃瘉鐮佽緭鍏ユ垚鍔燂紝榪欓噷鏄彁浜ょ粨鏋滈〉闈紝鍙互鍐欏叆鏁版嵁搴撲簡錛?lt;/font>

    <a href=\"img.jsp\">榪斿洖鍐嶆祴璇?lt;/a><br>");

    out.println("鎮ㄧ殑鍚嶅瓧鏄細"+name);

    out.println("<br>");

    out.println("鎮ㄨ緭鍏ョ殑鏄細"+num);

    out.println("楠岃瘉鐮佹槸錛?+random);

    out.println("</body>");

    return;//javascript:history.go(-1)

    }

    }

    %>

    <script type="text/javascript">

    var times=0;

    function subform(){

    var gtext=this.req.responseText;

    var info=document.getElementById("info");

    if(gtext.indexOf("validate_successful")!=-1){

    //info.innerHTML="<font color=green>楠岃瘉鐮侀€氳繃</font>";

    document.forms["myform"].submit();

    //褰撳緱鍒扮殑鍊艱〃紺哄悎娉曪紝鍒欓獙璇佺爜閫氳繃銆?br />
    }else{

    times++;

    if(times>=3){//濡傛灉榪炴帴3嬈¤緭鍏ラ敊璇紝鍒欓噸杞藉浘鐗囷紝鍙互闃叉浣滃紛鍜岀敤鎴風湅涓嶆竻鍥劇墖;

    info.innerHTML="鎺ヨ繛3嬈¤緭鍏ラ敊璇€傛洿鏂伴獙璇佺爜錛岃閲嶆柊杈撳叆";

    document.forms["myform"].num.value="";

    show(document.getElementById('random'));

    times=0;

    }else{

    info.innerHTML="絎?+times+"嬈¢獙璇佺爜閿欒,璇鋒敞鎰忓尯鍒嗗ぇ灝忓啓 ";

    }

    document.forms["myform"].num.select();

    }

    }

    function validata(obj){

    var enter=true;

    var info=document.getElementById("info");

    var msg="";

    if(obj.name.value.match(/^\s*$/g)){//濡傛灉鏈緭鍏ュ悕瀛楋紝鎻愮ず

    msg+="璇瘋緭鍏ユ偍鐨勫鍚?lt;br>";enter=false

    }

    if(obj.num.value.match(/^\s*$/g)){//濡傛灉鏈緭鍏ラ獙璇佺爜錛屾彁紺?br />
    msg+="璇瘋緭鍏ラ獙璇佺爜<br>";enter=false聽

    }

    if(enter==false){

    info.innerHTML=msg;

    return false;

    }

    var url="num.jsp?num="+obj.num.value;

    var newxmlhttp=new net.ContentLoader(url,subform,"","get",null,null);

    return false;

    }

    function show(o){

    //閲嶈澆楠岃瘉鐮?br />
    var timenow = new Date().getTime();

    o.src="random.jsp?d="+timenow;

    /*

    //瓚呮椂鎵ц;

    setTimeout(function(){

    o.src="random.jsp?d="+timenow;

    }

    ,20);

    */

    }

    </script>

    <form action="img.jsp" name="myform" method="post"

    onsubmit="return validata(this);">

    鎮ㄧ殑濮撳悕錛?lt;input type="text" name="name" size=10> (涓轟簡鏇村ソ鍦拌鏄庢渚嬶紝鐗瑰姞濮撳悕涓€欏?<br>

    楠?璇?鐮侊細<input type="text" name="num" size=10 maxlength="4">

    <img src="random.jsp" id="random" align="" valign="absmiddle" hspace="5">

    <a href="javascript:show(document.getElementById('random'))">楠岃瘉鐮佺湅涓嶆竻</a><br>

    <br> <input type="submit" value=" 鎻愪氦 "><br>

    <div id=info style="color:red;padding:10px;font-size:12px;"></div>

    </form>

    </body>

    </html>

    2銆乶um.jsp,鍙嶉xmlhttp璇鋒眰鐨勯〉闈?/strong>

    																

    <%@ page contentType="text/html; charset=GBK" language="java"

    import="java.sql.*" errorPage="" pageEncoding="GBK"%>

    <%

    //set Chinese Char

    //Cody by JarryLi@gmail.com;

    //homepage:jiarry.126.com

    request.setCharacterEncoding("GBK");

    response.setCharacterEncoding("GBK");

    response.setContentType("text/html; charset=GBK");

    %>

    <%

    String num=request.getParameter("num");

    String random=(String)session.getAttribute("random");

    if(num!=null&&random!=null)

    {

    if(!num.equals(random))

    {

    /*

    out.println("<script>alert('楠岃瘉鐮侀敊璇紒璇烽噸璇曘€?)</script>");

    out.println("<script>history.go(-1)</script>");

    //response.sendRedirect("img.jsp");

    */

    out.print("validate_failed:"+random);

    }

    else

    {

    //out.println("<center>楠岃瘉鎴愬姛錛?lt;/center>");

    out.print("validate_successful:"+random);

    }

    }

    %>

    3銆乺andom.jsp,鐢熸垚楠岃瘉鐮佸浘鐗囩殑欏甸潰

    																

    com.sun.image.codec.jpeg.*,java.util.*" %>]]>

    <%@ page autoFlush="false"聽 import="java.util.*,java.awt.*,

    java.awt.image.*,com.sun.image.codec.jpeg.*,java.util.*" %>

    <%

    //set Chinese Char

    //Cody by JarryLi@gmail.com;

    //homepage:jiarry.126.com

    request.setCharacterEncoding("GBK");

    response.setCharacterEncoding("GBK");

    response.setContentType("text/html; charset=GBK");

    %>

    <%

    String chose="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";

    char display[]={'0',' ','0',' ','0',' ','0'},ran[]={'0','0','0','0'},temp;

    Random rand=new Random();

    for(int i=0;i<4;i++)

    {

    temp=chose.charAt(rand.nextInt(chose.length()));

    display[i*2]=temp;

    ran[i]=temp;

    }



    String random=String.valueOf(display);

    session.setAttribute("random",String.valueOf(ran));

    %>

    <%

    out.clear();

    response.setContentType("image/jpeg");

    response.addHeader("pragma","NO-cache");

    response.addHeader("Cache-Control","no-cache");

    response.addDateHeader("Expries",0);

    int width=80, height=30;

    BufferedImage image = new BufferedImage(width, height,

    BufferedImage.TYPE_INT_RGB);

    Graphics g = image.getGraphics();

    //浠ヤ笅濉厖鑳屾櫙棰滆壊

    g.setColor(Color.GREEN);

    g.fillRect(0, 0, width, height);

    //璁劇疆瀛椾綋棰滆壊

    g.setColor(Color.RED);

    Font font=new Font("Arial",Font.PLAIN,20);

    g.setFont(font);

    //g.drawString(random,5,14);

    g.drawString(random,5,20);

    g.dispose();

    ServletOutputStream outStream = response.getOutputStream();

    JPEGImageEncoder encoder =JPEGCodec.createJPEGEncoder(outStream);

    encoder.encode(image);

    outStream.close();

    %>



    4銆乶et.js,灝佽濂界殑xmlhttp瀵硅薄錛屽彲浠ュ緢鏂逛究鐨勮皟鐢?/strong>

    																

    /* namespacing object */

    var net=new Object();



    net.READY_STATE_UNINITIALIZED=0;

    net.READY_STATE_LOADING=1;

    net.READY_STATE_LOADED=2;

    net.READY_STATE_INTERACTIVE=3;

    net.READY_STATE_COMPLETE=4;

    /*--- content loader object for cross-browser requests ---*/

    net.ContentLoader=function(url,on_load,on_error,method,params,contentType){

    this.req=null;

    this.on_load=on_load;

    this.on_error=(on_error) ? on_error : this.defaultError;

    this.loadXMLDoc(url,method,params,contentType);

    }

    net.ContentLoader.prototype.loadXMLDoc=function(url,method,params,contentType){

    if (!method)

    {

    method="GET";

    }

    if (!contentType && method=="POST")

    {

    contentType='application/x-www-form-urlencoded';

    }

    if (window.XMLHttpRequest)

    {

    this.req=new XMLHttpRequest();

    }

    else if (window.ActiveXObject)

    {

    //add try catch;

    try {

    this.req = new ActiveXObject("Msxml2.XMLHTTP");

    }catch (e1){

    try {

    this.req = new ActiveXObject("Microsoft.XMLHTTP");聽聽聽聽

    } catch (e2){

    }

    }

    //

    //this.req=new ActiveXObject("Microsoft.XMLHTTP");

    }

    if (this.req)

    {

    try

    {

    var loader=this;

    this.req.onreadystatechange=function()

    {

    net.ContentLoader.onReadyState.call(loader);

    }

    this.req.open(method,url,true);

    if (contentType)

    {

    this.req.setRequestHeader('Content-Type', contentType);

    }

    this.req.send(params);

    }

    catch (err)

    {

    this.on_error.call(this);

    }

    }

    }

    net.ContentLoader.onReadyState=function(){

    var req=this.req;

    var ready=req.readyState;

    if (ready==net.READY_STATE_COMPLETE){

    var httpStatus=req.status;

    if (httpStatus==200 || httpStatus==0){

    this.on_load.call(this);

    }else{

    this.on_error.call(this);

    }

    }

    }

    net.ContentLoader.prototype.defaultError=function(){

    alert("error fetching data!"

    +"\n\nreadyState:"+this.req.readyState

    +"\nstatus: "+this.req.status

    +"\nheaders: "+this.req.getAllResponseHeaders());

    }

    錛堣矗浠葷紪杈?鐏嚖鍑?sunsj@51cto.com聽 TEL錛氾紙010錛?8476636-8007錛?br />





    SIMONE 2006-12-11 14:55 鍙戣〃璇勮
    ]]>
    prototype.js銆€1.4鐗堝紑鍙戣€呮墜鍐?寮虹儓鎺ㄨ崘) http://www.aygfsteel.com/wangxinsh55/archive/2006/11/23/82984.htmlSIMONESIMONEThu, 23 Nov 2006 03:31:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2006/11/23/82984.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/82984.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2006/11/23/82984.html#Feedback1http://www.aygfsteel.com/wangxinsh55/comments/commentRss/82984.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/82984.html闃呰鍏ㄦ枃

    SIMONE 2006-11-23 11:31 鍙戣〃璇勮
    ]]>
    Struts AjaxTagshttp://www.aygfsteel.com/wangxinsh55/archive/2006/11/22/82757.htmlSIMONESIMONEWed, 22 Nov 2006 06:10:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2006/11/22/82757.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/82757.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2006/11/22/82757.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/82757.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/82757.htmlFrank W. Zammetti
    鎵╁睍浜哠truts鐨凾ag搴擄紝浣縎truts鍏峰浜咥JAX鍔熻兘銆?
    聽聽聽聽聽 錛堟敞錛氫笅闈㈢殑浠g爜寮曠敤鑷?strong>Frank W. Zammetti 鐨刟jaxtags鍖咃級
    聽聽聽聽聽 Tag搴撶殑鎵╁睍
    聽聽聽聽聽 1銆丗ormTag
    聽聽聽聽聽聽聽聽聽聽 澧炲姞浜唕efAjax灞炴€т互鍙妔etter鍜実etter鏂規硶錛?/div>
    聽聽聽聽聽 2銆丅aseHandlerTag
    聽聽聽聽聽聽聽聽聽聽 澧炲姞浜唕efAjax灞炴€т互鍙妔etter鍜実etter鏂規硶錛?/div>
    聽聽聽聽聽聽聽聽聽聽 鍚屾椂鎵╁睍浜唒repare脳脳脳Events鏂規硶錛屼嬌鍏跺姞杞紸jax灞炴€э紝濡傦細
    聽聽聽聽聽聽聽聽聽聽 if (getOnkeydown() != null) {
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽......
    聽聽聽聽聽聽聽聽聽聽聽}
    聽聽聽聽聽聽聽聽聽聽聽/* Frank W. Zammetti */
    聽聽聽聽聽聽聽聽聽聽聽else {
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽聽prepareAjax("onkeydown", handlers);
    聽聽聽聽聽聽聽聽聽聽聽}
    聽聽聽聽聽聽聽聽聽聽聽/* Frank W. Zammetti */
    聽聽聽聽聽 3銆丼truts-Html.tld
    聽聽聽聽聽聽聽聽聽聽 澧炲姞浜唕efAjax灞炴€э紱
    聽聽聽聽聽聽搴旂敤
    聽聽聽聽聽 1銆乤jax-config.xml
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽聽聽聽聽 <form ajaxRef="example1">
    聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽<element ajaxRef="button">
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽聽<event type="onclick">
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鍙戦€佽姹傜殑璁劇疆
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽<requestHandler type="std:QueryString">
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽<target>example1.do</target>
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽<parameter>firstName=firstName,lastName=lastName</parameter>
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽</requestHandler>
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鍥炶皟鍑芥暟錛堟柟娉曪級鍙婂洖鍐欏尯鍩熺殑璁劇疆
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽<responseHandler type="std:InnerHTML">
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽聽聽聽<parameter>example1_resultLayer</parameter>
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽</responseHandler>
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽</event>
    聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽</element>
    聽聽聽聽聽聽聽聽 聽 </form>
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽2銆乻truts-config.xml
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽聽聽聽聽 //涓庡叾瀹傾ction鐨勫尯鍒槸錛欰jax璋冪敤鐨凙ction娌℃湁input鍜宖orward
    聽聽聽聽聽聽聽聽聽聽 <action path="/example1" name="example1Form" scope="request"
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽type="com.omnytex.ajaxtags.Example1Action" />
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽聽聽聽聽 //Ajax Tag Plugin
    聽聽聽聽聽聽聽聽聽聽 <plug-in className="org.apache.struts.taglib.html.ajax.AjaxInit" />
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽 3銆丣sp瀹㈡埛鐣岄潰
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽聽聽聽聽 //瀵瑰簲浜巃jax-config.xml涓殑form ajaxRef
    聽聽聽聽聽聽聽聽聽聽 <html:form action="example1" ajaxRef="example1">
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽......
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //瀵瑰簲浜巃jax-config.xml涓殑Element ajaxRef
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 <html:button property="button" value="Click to do Ajax!" ajaxRef="button" />
    聽聽聽聽聽聽聽聽聽聽 </html:form>
    聽聽聽聽聽聽聽聽聽聽聽Result:<br>
    聽聽聽聽聽聽聽聽聽聽聽//瀵瑰簲浜巃jax-config.xml涓殑responseHandler
    聽聽聽聽聽聽聽聽聽聽聽<span id="example1_resultLayer">&nbsp;</span>
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽聽聽聽聽 //鍚敤Ajax錛堝簲璇ユ斁鍦↗sp鐨勬渶鍚庯級
    聽聽聽聽聽聽聽聽聽聽 <html:enableAjax />
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽 4銆丄ction
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽聽聽聽 聽public ActionForward execute( ...... )聽throws Exception {
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 try {
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //Ajax鐨凙ction闇€瑕佽緭鍑哄唴瀹瑰埌out
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 PrintWriter out = response.getWriter();
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽聽out.println(......);
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽聽out.flush();
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽聽out.close();
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽} catch (Exception e) {
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽聽 System.err.println("Exception in Example1Action.execute(): " + e);
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽}
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鐢變簬Ajax鐨凙ction杈撳嚭鐨勫唴瀹圭敱欏甸潰鐨勫尯鍩熸帴鏀訛紝涓嶉渶瑕佽煩杞埌鍏跺畠欏甸潰
    聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鎵€浠ワ紝榪斿洖null
    聽聽聽聽聽聽聽聽聽聽聽聽 聽聽 return null;
    聽聽聽聽聽聽聽聽聽聽聽}
    聽聽聽聽聽聽聽聽聽聽 ......
    聽聽聽聽聽聽Struts Ajax Tag宸ヤ綔鍘熺悊
    聽聽聽聽聽聽1銆丼truts鍚姩錛屽姞杞紸jaxInit錛?/div>
    聽聽聽聽聽 2銆丄jaxInit瑙f瀽ajax-config.xml錛?/div>
    聽聽聽聽聽 3銆丼truts鍔犺澆AjaxEnabled鐨凧sp錛?/div>
    聽聽聽聽聽 4銆丼truts-AjaxTag鏍規嵁Form ajaxRef鍜宔lment ajaxRef鎵懼埌ajax-config鐨勮緗紱
    聽聽聽聽聽 5銆佽緭鍑篈jaxEnabled鐨凥tml錛圱ag搴撳姞鍏ヤ簡Ajax闇€瑕佺殑Script錛屽錛歑MLHttpRequest錛夛紱
    聽聽聽聽聽 6銆佺敤鎴瘋緭鍏ユ暟鎹紝鎻愪氦鏁版嵁錛堝紓姝ユā寮忔彁浜ゅ悗錛岀敤鎴峰彲浠ョ戶緇叾瀹冩搷浣滐級錛?/div>
    聽聽聽聽聽 7銆乆MLHttpRequest瀵硅薄鎺ョ鎻愪氦鏁版嵁錛屽茍鍚慡truts鎻愪氦do鍙婂弬鏁幫紱
    聽聽聽聽聽 8銆丼truts ActionServlet鍔犺澆FormBean錛屽拰鐩稿簲鐨凙ction錛?/div>
    聽聽聽聽聽 9銆丼truts Action鎵ц鐩稿簲閫昏緫錛屽緱鍒拌繑鍥炵殑鏁版嵁錛岄€氳繃out杈撳嚭錛?/div>
    聽聽聽聽聽 10銆乆MLHttpRequest寰楀埌Struts榪斿洖鐨勬暟鎹紱
    聽聽聽聽聽聽11銆乆MLHttpRequest璋冪敤璁劇疆鐨勫洖璋冨嚱鏁幫紙鏂規硶錛夛紝杈撳嚭鏁版嵁鍒版寚瀹氱殑鍖哄煙錛?/div>

    SIMONE 2006-11-22 14:10 鍙戣〃璇勮
    ]]>Ajax璺ㄥ煙璇鋒眰瑙e喅鏂規硶涔婱odello綃?http://www.aygfsteel.com/wangxinsh55/archive/2006/10/26/77382.htmlSIMONESIMONEThu, 26 Oct 2006 05:05:00 GMThttp://www.aygfsteel.com/wangxinsh55/archive/2006/10/26/77382.htmlhttp://www.aygfsteel.com/wangxinsh55/comments/77382.htmlhttp://www.aygfsteel.com/wangxinsh55/archive/2006/10/26/77382.html#Feedback0http://www.aygfsteel.com/wangxinsh55/comments/commentRss/77382.htmlhttp://www.aygfsteel.com/wangxinsh55/services/trackbacks/77382.html Modello 鏄竴涓厑璁稿茍涓旈紦鍔變綘鐢?JavaScript 鏉ョ紪鍐欑被鐨勬鏋訛紝鑰?a target="_blank">Modello.ajax鍒欐槸鍒╃敤姝ゆ鏋惰揪鍒癆jax璺ㄥ煙璇鋒眰鐨勪竴涓狝jax灝佽綾匯€?/p>

    瀵逛簬璺ㄥ煙璋冪敤錛孧odello.ajax 閲囩敤鍦ㄦ湰鍩熸湇鍔″櫒璁劇疆涓€涓腑杞?proxy 鐨勬柟寮忋€備嬌鐢?proxy 鏂瑰紡鍙互涓嶇敤瀵逛釜鍒祻瑙堝櫒榪涜鐗規畩璁劇疆錛屼笉鐢ㄤ緷璧栧叿浣撶殑鏈嶅姟鍣紝騫朵笖鍏峰鎵╁睍鑳藉姏絳変紭鐐廣€傞殢 Modello.ajax 宸ュ叿闆嗘彁渚涚殑 proxy 鐢?php 鍐欐垚錛屽彲榪愯 php 鐨勬湇鍔″櫒閮藉彲浠ュ畨瑁呫€傦紙浠ヤ笂鍐呭杞嚜銆夾jax Wing: 璺ㄥ煙Ajax宸ュ叿: Modello.ajax銆?/a>錛?/p>

    浣跨敤Modello鐨勪唬鐮佸涓嬶細

    <script type="text/javascript" src="js/modello.js"></script>
    <script type="text/javascript" src="js/modello.ajax.js"></script>

    <script>
    Define('URLGET_PROXY', 'jsproxy.php');
    var urlget = Class.get('modello.ajax.Urllib').urlget;

    var url = "var response = urlget(url);
    alert("璺ㄥ煙璇鋒眰URL鍦板潃"+url);

    var myresult = response.getXML();

    alert("Ajax鎻愬彇錛氣€?+myresult.childNodes[1].childNodes[0].childNodes[0].text+"鈥濇垚鍔?);

    </script>

    浠g爜瀹炰緥



    SIMONE 2006-10-26 13:05 鍙戣〃璇勮
    ]]>
    鍏充簬XML錛圶MLHTTP錛夎法鍩熷姞杞芥暟鎹笉浼氬嚭鐜拌法鍩熺殑瀹夊叏鎻愮ず淇℃伅鐨勯棶棰?/title><link>http://www.aygfsteel.com/wangxinsh55/archive/2006/03/30/38259.html</link><dc:creator>SIMONE</dc:creator><author>SIMONE</author><pubDate>Thu, 30 Mar 2006 07:02:00 GMT</pubDate><guid>http://www.aygfsteel.com/wangxinsh55/archive/2006/03/30/38259.html</guid><wfw:comment>http://www.aygfsteel.com/wangxinsh55/comments/38259.html</wfw:comment><comments>http://www.aygfsteel.com/wangxinsh55/archive/2006/03/30/38259.html#Feedback</comments><slash:comments>3</slash:comments><wfw:commentRss>http://www.aygfsteel.com/wangxinsh55/comments/commentRss/38259.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/wangxinsh55/services/trackbacks/38259.html</trackback:ping><description><![CDATA[聽緗戜笂鐪嬩簡寰堝璧勬枡錛屼絾濂借薄寰堝皯浜鴻皥鍒拌法鍩熻鍙朮ML鏂囨。鐨勯棶棰橈紝鏈変簺璁哄潧鎴朆LOG鍏充簬XML璺ㄥ煙璇誨彇鐨勯棶棰橈紝瀹炵幇璧鋒潵闈炴硶澶嶆潅銆偮?br />鍦ㄨ繖閲屾垜浠嬬粛涓€涓媂MLHTTP璺ㄥ煙璇誨彇欏甸潰鏁版嵁鐨勯棶棰橈紝浠S涓轟緥聽<br /><br />涓€銆佽鍙栨暟鎹?br /><br />//寤虹珛瀵硅薄<br />var聽xml聽=聽new聽ActiveXObject("Microsoft.XMLHTTP")<br /><br />//榪欓噷鐨刟bc.xml鏄璇誨彇鐨勬枃浠訛紝褰撶劧涔熷彲浠ユ崲鎴愬埆鐨勬枃浠訛紝false琛ㄧず闈炲紓姝ヤ紶杈擄紝async鏄痑synchronism綆€鍐櫬?br />xml.open("get","<img alt="::URL::" hspace="2" src="http://www.blogcn.com/images/aurl.gif" align="absBottom" border="0" /><a target="_blank">http://www.mydomain.com/abc.xml",false)</a> 聽<br />xml.send()<br /><br /><br />浜屻€佸湪琚鍙栨暟鎹殑鍩熸牴涓嬶紙涓婁緥鏄湪www.mydomain.com/涓嬶級錛屽緩绔嬩竴涓猉ML聽絳栫暐鏂囦歡錛屽悕瀛椾竴瀹氳鏄痗rossdomain.xml銆?br /><br />鍦ㄧ瓥鐣ユ枃浠朵腑鍔犲叆浠ヤ笅浠g爜<br /><?xml聽version="1.0"?><br /><cross-domain-policy><br />聽聽聽聽<allow-access-from聽domain="www.mydomain.com"/>聽//domain灞炴€х殑鍊煎氨鏄鍏佽浠庢湰绔欒鍙栨暟鎹殑鏉ユ簮鍩熷悕<br /></cross-domain-policy><br /><br /><br />榪欐牱灝卞畬鎴愪簡璺ㄥ煙璇誨彇鏁版嵁騫朵笉浼氬嚭鐜拌法鍩熺殑瀹夊叏鎻愮ず淇℃伅浜?br /><img src ="http://www.aygfsteel.com/wangxinsh55/aggbug/38259.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/wangxinsh55/" target="_blank">SIMONE</a> 2006-03-30 15:02 <a href="http://www.aygfsteel.com/wangxinsh55/archive/2006/03/30/38259.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <a href="http://www.aygfsteel.com/" title="狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频">狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频</a> </div> </footer> 主站蜘蛛池模板: <a href="http://" target="_blank">文化</a>| <a href="http://" target="_blank">谢通门县</a>| <a href="http://" target="_blank">新津县</a>| <a href="http://" target="_blank">拉孜县</a>| <a href="http://" target="_blank">阳春市</a>| <a href="http://" target="_blank">宜阳县</a>| <a href="http://" target="_blank">神池县</a>| <a href="http://" target="_blank">年辖:市辖区</a>| <a href="http://" target="_blank">开鲁县</a>| <a href="http://" target="_blank">虞城县</a>| <a href="http://" target="_blank">南充市</a>| <a href="http://" target="_blank">临夏县</a>| <a href="http://" target="_blank">澎湖县</a>| <a href="http://" target="_blank">凉城县</a>| <a href="http://" target="_blank">卓资县</a>| <a href="http://" target="_blank">宿州市</a>| <a href="http://" target="_blank">陵川县</a>| <a href="http://" target="_blank">青龙</a>| <a href="http://" target="_blank">武威市</a>| <a href="http://" target="_blank">阿拉善左旗</a>| <a href="http://" target="_blank">永和县</a>| <a href="http://" target="_blank">宁蒗</a>| <a href="http://" target="_blank">绥德县</a>| <a href="http://" target="_blank">阳朔县</a>| <a href="http://" target="_blank">介休市</a>| <a href="http://" target="_blank">桑日县</a>| <a href="http://" target="_blank">赣榆县</a>| <a href="http://" target="_blank">元谋县</a>| <a href="http://" target="_blank">江孜县</a>| <a href="http://" target="_blank">本溪市</a>| <a href="http://" target="_blank">台南市</a>| <a href="http://" target="_blank">婺源县</a>| <a href="http://" target="_blank">红河县</a>| <a href="http://" target="_blank">靖宇县</a>| <a href="http://" target="_blank">上蔡县</a>| <a href="http://" target="_blank">锦屏县</a>| <a href="http://" target="_blank">民勤县</a>| <a href="http://" target="_blank">斗六市</a>| <a href="http://" target="_blank">枣强县</a>| <a href="http://" target="_blank">梨树县</a>| <a href="http://" target="_blank">富锦市</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>