Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

Á÷ÐеÄAJAX¿ò¼Ü¶Ô±È£ºjQuery£¬Mootools£¬Dojo£¬Ext JS

AJAX
ÊÇweb2.0
µÄ»ùʯ£¬ÏÖÔÚÍøÉÏÁ÷Ðм¸ÖÖ¿ªÔ´µÄ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/
£©
jQuery UI£¨http://jquery.com/plugins/
£¬
»ùÓÚjQuery£¬µ«ºÍºËÐĵÄjQueryÊǶÀÁ¢µÄ£©£¬²»¶Ï·¢Õ¹ÖС£
ÓѺúͻîÔ¾µÄÉçÇø£ºgoogle groups: http://docs.jquery.com/Discussion
ʼþ´¦ÀíÓкܶ෽±


Ïà¹ØÎĵµ£º

¹ØÓÚstruts2ÖÐajax±êÇ©µÄÒ»µãѧϰ±Ê¼Ç

ÆäʵajaxµÄ¶«Î÷²»ÊǺÜÊìϤ£¬¶øÇÒ¶ÔÓÚjavascriptÕâÑùÁãËéµÄÓïÑÔʵÔÚÊǺܿ¹¾Ü¡£ÓÚÊǹýÈ¥Ò»Ö±¶¼ÌÓ±ÜËü£¬ÆÈÓÚÏîÄ¿µÄѹÁ¦£¬²»µÃÒÑΩÓÐÓ²ÅöÓ²ÁË¡£ÎªÁË¿ìËÙÉÏÊÖ£¬Ö®Ç°×öÁ˼¸¸öСʵÑ飬´úÂëʵÔÚÌ«¶àÁË¡£ÐÒºÃstruts2ÌṩÁËһЩajaxµÄ¼òÒ×ʵÏÖ¡£
¸úÍøÉÏËùÓеĽ̳ÌÒ»Ñù£¬ÏÈ´Ó×î¼òµ¥µÄ¿ªÊ¼°É~
ÔÚÍ·½áµã¼ÓÉÏ<s:head theme="ajax"/&g ......

AJAXÀïTabContainerµÄCSS (תÌù)

AJAX×Ô´ÓÒý½øÁËTab£¬×ÅʵÈÃÎÒ¿ªÐÄÁËÒ»·¬¡£µ«ÊÇ£¬ÔÚµ÷ÕûTabµÄÑùʽµÄʱºò£¬Ò²×ÅʵÈÃÎÒ³ÔÁËÒ»¾ª¡£
ÓÚÊÇ£¬±§×ÅûÓÐÀ§ÄÑÒ²ÒªÖÆÔìÀ§ÄѵÄÔ­Ôò£¬¿ªÊ¼ÁËÕ÷;£º
°´ÕÕTab×÷ÕßRonald BucktonËù˵£¬TabµÄCSS°üº¬Èçϼ¸¸öÀࣺ
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. ......

ʹÓÃjQueryʵÏÖAjaxÒì²½Ìá½»±íµ¥ÊµÏÖ¾Ö²¿Ë¢ÐÂ

jQueryѧϰ±Ê¼Ç
Ìá½»form±íµ¥Ö®ºó£¬²»»áË¢ÐÂÒ³Ã棬¶øÊǾֲ¿Ë¢Ð£¬ÓûÌá½»µÄformÖ»ÒªÓÐid¼´¿É
Èç¹ûʹÓÃgetÇëÇó£¬×¢ÒâÖÐÎÄÂÒÂëÎÊÌ⣬jquery»áÏÈʹÓÃiso8859-1½âÂ룬Ȼºó·¢¸ø·þÎñÆ÷£¬Èç¹ûʹÓÃpostÇëÇó£¬ÔòÖ±½Ó½«ÖÐÎÄÄÚÈÝÌá½»¸ø·þÎñÆ÷½âÎö¡£
ʹÓÃjquery-1.4.2.jsºÍjquery.form.js²å¼þ¡£
Èç¹û´´½¨ÐµÄjsÎļþÖУ¬ÐèÒª¼ÓÉÏ
doc ......

´´½¨ajaxÖеÄxmlhttprequest¶ÔÏó

<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
    {
   // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
catch (e)
    {
  // Inte ......

ajax XMLHttpRequest post get

/*ÔÚÓÐÖÐÎIJÎÊýʱ,½ÓÊÕ·½ÐèҪʹÓÃUTF-8·½Ê½¶ÔÊý¾Ý½øÐнâÂë
*²»Ö§³Öpost¸½¼þ
*/
function getXmlHttpRequest() {
    var xmlHttpRequest = null;
    try {
        xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
    } ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ