Á÷ÐеÄAJAX¿ò¼Ü¶Ô±È£ºjQuery£¬Mootools£¬Dojo£¬Ext JS
À´Ô´£ºhttp://developer.51cto.com/art/200906/129502.htm
±¾ÎĽéÉÜÁËËÄÖÖÁ÷ÐеÄAJAX¿ò¼Ü£¬°üÀ¨¼ò½àµÄjQuery£¬ÃæÏò¶ÔÏóµÄ
Mootools£¬ÓµÓÐÇ¿´óÖ§³ÖµÄDojo£¬ÒÔ¼°×é¼þ»¯£¬RIA»¯µÄExt JS¡£
AJAX
ÊÇweb20
µÄ»ùʯ£¬ÏÖÔÚÍøÉÏÁ÷Ðм¸ÖÖ¿ªÔ´µÄ
AJAX¿ò¼Ü£¬±ÈÈ磺jQuery,Mootools,Dojo,Ext JSµÈµÈ£¬ÄÇôÎÒÃǵ½µ×ÔÚʲôÇé¿öϸÃʹÓÃÄǸö¿ò¼Ü£¿ÒÔÏÂÊÇÒ»×éÕª³µÄÊý¾Ý£º
AjaxianÔÚ2007Äêµ×¶ÔAjax¹¤¾ß½øÐÐÁ˵÷²é£¬²¿·Öµ÷²é½á¹û¼ûÏÂ±í£¨ÆäÖÐÊý×ÖΪµ÷²éÕßʹÓøù¤¾ßµÄ°Ù·Ö±È£¬ÏêϸµÄÇë²Î¼ûÍøÒ³£©£ºhttp://ajaxian.com/archives/2007-ajax-tools-usage-survey-results
Prototype
jQuery
Ext
Script.aculo.us
Mootools
YUI
JSON
Dojo
Backbase
34.1%
29.3%
22.5%
22.3%
14.3%
13%
12.9%
11.8%
8.3%
ÆäÖÐPrototypeʹÓÃÂÊ×î¸ß£¬ºÜ´ó³Ì¶ÈÉÏÊÇÒòΪËüÊÇ×îÔç³ÉÊìµÄ¿ò¼Ü£¬ºÜ¶àÒÔǰÔÚÏîÄ¿ÖвÉÓã¬ËùÒÔÏÖÔÚÒ»Ö±ÔÚÓÃ
ÈÃÎÒÃÇÀ´¿´¿´Ñ¡ÔñAJAX¿ò¼ÜµÄ»ù´¡£º
ÄãµÄÏîÄ¿ÐèÇ󣨼´ÄãÐèÒªÄÄÐ©ÌØÐÔ£¬ÀýÈçÊÇ·ñÒªÇó×ö³ö¾«ÃÀµÄ½çÃæ¡¢ÌØÐ§»òÆäËü¹¦ÄÜ£©
ÊÇ·ñÖ§³ÖAµÈ¼¶µÄä¯ÀÀÆ÷£¨IE, FirefoxµÈ£©?
ÎĵµµÄÖÊÁ¿£ºÊÇ·ñÍêÉÆ£¨°üº¬½Ì³Ì£¬API£¬´úÂëʾÀýµÈ£©
¿ò¼ÜµÄ¿ÉÀ©Õ¹ÐÔÈçºÎ£¿Îª¿ò¼Üд²å¼þÈÝÒ×Âð£¿
ÄãÊÇ·ñϲ»¶ËüµÄAPIµÄ·ç¸ñ£¿
ÄÜ´ó¶à³Ì¶ÈÉÏͳһÄãµÄJavaScript´úÂëµÄ·ç¸ñ£¿
¿ò¼Ü´óС£¨Ì«´óµÄ¿ò¼Üµ¼ÖÂÓû§ÏÂÔØÊ±¼äµÄÑÓ³¤£©
¿ò¼ÜÊÇ·ñÇ¿ÆÈÄã¸Ä±äдHTMLµÄ·½Ê½£¨Dojo¾ÍÊÇÕâÑù£©£¿
´úÂëÖ´ÐÐËÙ¶È£ºÐÔÄÜÈçºÎ£¿
´úÂëÊÇ·ñΪģ¿é»¯£¨MootoolsΪ¸ß¶ÈÄ£¿é»¯£©£¿´úÂë¿ÉÖØÓÃÐÔÈçºÎ£¿
Ò»¡¢jQuery
Ö÷Ò³£ºhttp://jquery.com/
Éè¼ÆË¼Ïë
¼ò½àµÄ˼Ï룺¼¸ºõËùÓвÙ×÷¶¼ÊÇÒÔÑ¡ÔñDOMÔªËØ£¨ÓÐÇ¿´óµÄSelector£©¿ªÊ¼£¬È»ºóÊÇ¶ÔÆäµÄ²Ù×÷£¨ChainingµÈÌØÐÔ£©¡£
Óŵã
С£¬Ñ¹Ëõºó´úÂëÖ»ÓÐ20¶àk£¨ÎÞѹËõ´úÂë94k£©¡£
SelectorºÍDOM²Ù×÷µÄ·½±ã£ºjQueryµÄSelectorÓëmootoolsµÄElement.Selectors.js±È½Ï£¬CSS
Selector, XPath Selector£¨1.2ºóÒÑɾ³ý£©
Chaining£º×ÜÊÇ·µ»ØÒ»¸öjQuery¶ÔÏ󣬿ÉÒÔÁ¬Ðø²Ù×÷¡£
ÎĵµµÄÍêÕû£¬Ò×ÓÃÐÔ£¨Ã¿¸öAPI¶¼ÓÐÍêÕûµÄÀý×Ó£¬ÕâÊÇÆäËü¿ò¼ÜÏÖÔÚ²»Äܱȵģ©£¬¶øÇÒÍøÉÏ»¹ÓкܶàÆäËüµÄÎĵµ£¬Êé¼®¡£
Ó¦ÓõĹ㷺£¬°üÀ¨google codeҲʹÓÃÁËjQuery¡£
ʹÓÃjQueryµÄÕ¾µã£ºhttp://docs.jquery.com/Sites_Using_jQuery
ºËÐĵĿª·¢ÍŶӺͺËÐÄÈËÔ±£ºJohn ResigµÈ¡£
¼ò½àºÍ¼ò¶ÌµÄÓï·¨£¬ÈÝÒ׼ǡ£
¿ÉÀ©Õ¹ÐÔ£ºÓдóÁ¿Óû§¿ª·¢µÄ²å¼þ¿É¹©Ê¹Óã¨http://jquery.com/plugins/
£©
jQue
Ïà¹ØÎĵµ£º
// ´«¹ýÈ¥Ò»¸ö¼òµ¥Öµ£¬»ñȡһ¸ö¼òµ¥Öµ
$.ajax({
type: "GET",
url: '<%= Url.Action("xx", "Corp") % ......
½ñÌì³Á˶ÎÊéÉÏС´úÂ룬´úÂëÈçÏÂ
<html>
<head>
<script type="text/javascript" src="zxml.src.js"></script>
<script type="text/javascript">
function start() {
var oXmlHttp = zXmlHttp.createRequest();
oXmlHttp.open("get", "info11.txt", true);
oXmlHttp.onreadystatecha ......
AJAXÊÇAsynchronous JavaScript and XMLËõд¡£Õâ¸ö¸ÅÄî´ú±íµÄÊÇÒ»ÖÖ¼¼Êõ£¬µ±ÄúÔÚ˵“ÎÒÔÚÏîÄ¿ÖÐʹÓÃÁËAJAX¼¼Êõʱ”£¬Ö»ÊÇ´ú±íÁËÄúʹÓÿͻ§¶ËXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷¶Ë½øÐÐÒ첽ͨÐÅ¡£²»¹ýÒòÎªËæ×ÅAJAX¼¼ÊõµÄÔËÓÃÍùÍù»á´øÀ´·á¸»µÄ¿Í»§¶ËЧ¹û£¬Òò´Ë¶ÔAJAX¼¼ÊõµÄ¹ãÒåÀí½âÒ²¿ÉÒÔÈÏΪÕâÊÇÒ»ÖÖ²Ù×÷ ......
ÔÚ×öajax¼ÓÔØÒ³ÃæÊ±Óöµ½ÁËÒ»¸öÎÊÌ⣬дÔÚ±»¼ÓÔØÒ³ÃæheadÀïµÄstyle±ê¼ÇËÆºõ×ÜÊÇÎÞЧ¡£Òâʶµ½ÏÖÔÚÊÇÔÚieÖУ¬ÓÚÊÇÎÒתÏòffÖе÷ÊÔ£¬½á¹ûÔÚffÖÐÊÇÓÐЧµÄ¡£ÕâÕæÊÇÆæ¹ÖÁË£¬ÄѵÀffºÍieÔÚ¼ÓÔØÒ³ÃæÊ±Õæ»áÓв»Í¬µÄ´¦Àí·½Ê½Âð£¿ÕâÖÖ²»Í¬ÔÚʲôµØ·½ÄØ£¿
ÎÒÉè·¨²é¿´ffºÍieÖмÓÔØµ½ä¯ÀÀÆ÷µÄÔ´´úÂ룬£¨ÓõÄalert(document.getElementById(' ......
Accordion¿Ø¼þʱµÄ³£ÓÃÊôÐÔ±êÇ©
ÊôÐÔ±êÇ©Ãû Ãè¡¡¡¡Êö
SelectedIndex ¸Ã¿Ø¼þ³õ´Î¼ÓÔØÊ±Õ¹¿ªµÄAccordionPaneÃæ°åµÄË÷ÒýÖµ
HeaderCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄ±êÌâÇøÓòËùÓ¦ÓõÄCSS Class
ContentCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄÄÚÈÝÇøÓòËùÓ¦ÓõÄCSS Class
AutoSize Ô ......