ÄãÓ¦¸ÃÖªµÀµÄ20¸öAjax¼¼Êõ(11 20£©
11) ±íµ¥×ֶΰïÖúÐÅÏ¢µÄ×Ô¶¯Ìáʾ
ÔöÇ¿WEB±íµ¥µÄUsabilityÓкܶàºÜ¶àµÄ·½·¨£¬ÔÚÍøÉÏÒ»ËÑÒ»´óƬ£¬È»ºóÓÐЩʱºò£¬Óû§»á±»±íµ¥¸ãµÃºÜ»ìÂÒ£¬¶øÇÒ£¬²»Í¬µÄÓû§»á¶Ô±íµ¥Óв»Í¬µÄÀí½â£¬ÆäÊäÈëÒ²ÊÇǧÆæ°Ù¹Ö¡£ËùÒÔ£¬Îª±íµ¥×Ö¶ÎÔö¼ÓÒ»ÏÂ×Ô¶¯°ïÖúÐÅÏ¢µÄÌáʾ¾ø¶ÔÊǷdz£²»´íµÄÑ¡Ôñ¡£ÕâµãÔÚÌÔ±¦ÍøÉϱíÏֵñȽϳöÏÖ¡£ÏÂÃæÊÇÒ»¸ö·Ç³£¼òµ¥¶ÌСµÄ½Ì³Ì¡£
http://woork.blogspot.com/2008/04/improve-form-usability-with-auto.html
12) qGallery (ÑÝʾ)
ËäÈ»Õâ²»ÊÇÒ»¸öÓзḻ¹¦ÄܵÄͼ¿âÓ¦Ó㬵«Õâ¾ø¶ÔÊÇÒ»¸ö·Ç³£ÓÅÐãµÄAjaxÓ¦Óá£Ëü»ùÓÚPrototype Javascript¿ò¼Ü£¨http://prototypejs.org/£©ÖÆ×÷£¬Ëü¶ÔͼƬ¼¯µÄ´¦ÀíÊǷdz£ÓÅÐãµÄ¡£¶øÇÒÊÇËüÔÚ½ÚÊ¡ÍøÂç´ø¿í·½ÃæÒ²ºÜ³öÉ«¡£±¾ÎÄд×÷֮ʱ£¬ËûÄ¿Ç°»¹ÔÚ¿ª·¢½×¶Î£¬»¹Ã»Óпª·Å¸ø´ó¼ÒÏÂÔØ¡£²»¹ýÔٵȼ¸¸öÐÇÆÚÒ²¾Í²î²»¶à¸ÃReleaseÁË¡£
13£©Ajax ÐÇʽ´ò·Ö£¨Ô´Â룬ÑÝʾ£©
ÈËÃÇ×ÜÊÇÏë¸øËûÃÇÉíÁ¬µÄÊÂÎï±í´ïËûÃǵÄϲ¶ñ£¬ËùÒÔÓÐÒ»¸öÐÇʽ´ò·Ö¿Ø¼þ¾ø¶ÔÄÜÂú×ãËûÃǵÄÓûÍû¡£Ò»¸ö·Ç³£¼òµ¥µÄAjax½Å±¾¿ÉÒÔ´ÓÏÂÃæµÄÁ´½ÓÕÒµ½£ºhttp://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/
14£©CakePHP Ajax±íµ¥
Èç¹ûÄãÊÇ Django »ò CakePHPµÄʹÓÃÕߣ¬ÄÇôÄãÓ¦¸ÃÒª¸ÐлCakeBaker µÄÕâ¸ö½Ì³Ì——¡¶how to submit a form with Ajax¡·£¬¶øËü×îÇ¿´óµÄ¹¦ÄÜÔÚÓÚ£¬Èç¹ûÎÒÃǵÄä¯ÀÀÆ÷disableÁËJavascript£¬±íµ¥ÕÕÑùÄܹ»Õý³£Ìá½»¡£
15£©Amberjack Õ¾µãµ¼º½£¨Ô´Â룬ÑÝʾ£©
ÔÚWeb¿ª·¢£¬Amberjack¾ø¶ÔÁîÈ˹ýÄ¿ÄÑÍüµÄJavascript¿â£¬ËüÄܹ»°ïÖúÄã¿ìËٵش´½¨Õ¾µãµ¼º½¡£Amberjack ×îÓÅÐãµÄµØ·½ÊÇ£¬Õâ¸öjavascript¿âÖ»ÓÐ4K´óС£¬µ«È´ÓÐÁîÈËÄÑÒÔÖÃÐŵļòÒס£
16£©Prototype UI£¨Ô´Â룬ÑÝʾ£©
Prototype UI»ùÓÚPrototype ºÍScriptaculous¿ª·¢¶ø³É£¬ËüÖ÷ÒªÌṩһ¶ÑͼÐνçÃæµÄ¿Ø¼þ£¬±¾ÖÊÉÏÀ´Ëµ£¬ËûÊÇÒ»¸öÓû§½Ó¿ÚÀà¿â£¬Õâ¸öÀà¿âÄ¿Ç°»¹³ÖÐøÔö¼ÓÖС£¶øÇÒËùÓеĿؼþ¶¼¿ÉÒԺܷ½±ãµØ¶¨ÖÆ¡£
17£©JCrop £¨Ô´Â룬ÑÝʾ£©
ÔÚÏßµÄͼƬ±à¼ÏÔÈ»ÊÇÒ»¸öºÜ¼¬ÊÖµÄÊ£¬ÄÇÅÂÄãʹÓÃphotoshop£¬ÄãÒ²»á¾õµÃºÜÄÑʹÓᣵ±È»£¬¶ÔÓÚ¸ü¶àÈË£¬ÎÒÃDz¢²»ÐèҪʹÓÃÌ«¶àÌ«¸´ÔÓµÄͼƬ±à¼¹¦ÄÜ£¬Èç¹ûÓÐÄãÉÏ´«Í¼Æ¬µÄʱºòÓÐÕâôһ¸ö¹¦ÄÜ¿ÉÒÔÈÃÄã¼ô²ÃÄãµÄͼƬ£¬ÄÇô½«»áÊÇÒ»¼þºÜ·½±ãµÄÊÂÇé¡£JCropÊÇÒ»¸öjQuery µÄ²å¼þ£¬ËüÔÊÐíÄãÉÏ´«Í¼Æ¬£¬²¢ÌṩÁ˷dz£¶à·á¸»µÄͼƬ¼ô²Ã¹¦ÄÜ¡£ºÜÓÐǰ;¡£
18£©JQuery Auto-tabbing ²å¼þ£¨Ô
Ïà¹ØÎĵµ£º
×î½üÍøÉÏÌáµÄºÜ¶àµÄÒ»¸öиÅÄî¾ÍÊÇ AJAX ÁË, ÄÇô, AJAX ÊÇʲôÄØ? ÒÔÏÂÄÚÈÝÒýÓÃÍøÉÏ×ÊÁÏ:
AJAXÈ«³ÆΪ“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÖ¸Ò»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£ËüÓлúµØ°üº¬ÁËÒÔϼ¸ÖÖ¼¼Êõ£º
Ajax£¨Asynchronous JavaScript + XML£©µÄ¶¨Òå
»ùÓÚ web±ê×¼£¨sta ......
ÔÚWeb¿ª·¢³ÌÐòÖУ¬ÍùÍùÓÉÓÚÖÖÖÖÔÒò£¬¿Í»§»á¶à´Î²Ù×÷Ò³Ãæµ¼ÖÂÊý¾ÝÈßÓà»ò²»Ò»Ö£¬ ÔÚASP.NET AJAX³öÏÖ֮ǰ¿ÉÒÔͨ¹ý¶Ô__dopostback()µÄµ÷Óõȷ½·¨Ò²¿ÉÒÔ·ÀÖ¹Ò³Ãæ¶à´ÎÌá½»¡£
ÔÚASP.NET AJAXÖеÄÒ³Ãæ¿Í»§¶ËÖÐÓÐÒ»¸ö½ÐonInitializeRequestµÄʼþ£¬ËüÔÚÒ³Ãæ³õʼ»¯Ö®Ç°´¥·¢£¬¿ÉÒÔ¶ÔÒ³ÃæµÄÌύʼþ½øÐпØÖÆ£¬²¢ÇÒ¿ÉÒÔµ÷ÓøÃʼþ²Î ......
<html>
<body>
<script¡¡language="JavaScript">
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡var¡¡req¡¡=¡¡null;
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡function¡¡test()¡¡{
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡var¡¡province¡¡=¡¡document.all("province").value;
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡req¡¡=¡¡new¡¡ActiveXObject("Microsoft.XMLHTTP ......
µ÷Ó÷½·¨ÈçÏÂ:
var p = new Pager(5, 10);
p.init('Ò³ÂëËùÔÚµÄÈÝÆ÷ID', dataOp);
function dataOp() {
// ajaxÊý¾Ý²Ù×÷
SendContent("/Admin/TopicService.asmx/GetTopicList?currentPageIndex=" + p.currentPage + "&pageSize=" + p.pageSize, "GET", "", ajax ......
1) TextboxList×Ô¶¯Íê³É £¨Ô´Â룬ÑÝʾ£©
Õâ¸ö¿Ø¼þÖ÷ÒªÀ´×ÔFacebook°É£¬ÔÚÍøÒ×µÄÓʼþÀïÒ²ÄÜ¿´µ½£¬»¹ÓÐhotmailµÈµÈ£¬ÔÚÎı¾¿òÀïÊäÈëÎı¾²»µ«¿ÉÒÔ³öÏÖÏà¹ØÊý¾ÝµÄÁÐ±í£¬¶øÇÒÑ¡ÖкóµÄ×Ö·û´®»¹»á±ä³ÉÒ»¸öСͼ±ê¡£Õâ¸ö¿Ø¼þÖ÷ÒªÓÃÔÚµç×ÓÓʼþÖаɡ£
2) Ajax IM¼´Ê±ÁÄÌì £¨Ô´Â룬ÑÝʾ£©
Ajax IMÊÇÒ»¸öºÜÅ£µÄ¼´Ê±ÁÄÌìµÄ¿Í»§¶Ë£¬Äã ......