ajax Ïà¹Ø
1
¡¢½éÉÜÒ»ÏÂ
Prototype
µÄ
$()
º¯Êý£¬
$F()
º¯Êý£¬
$A()
º¯Êý¶¼ÊÇʲô×÷Óã¿
$()
·½·¨ÊÇÔÚDOM
ÖÐ
ʹÓùýÓÚÆµ·±µÄ document.getElementById()
·½·¨µÄÒ»¸ö±ãÀûµÄ¼òд£¬¾ÍÏñÕâ¸öDOM
·½
·¨Ò»Ñù£¬Õâ¸ö·½·¨·µ»Ø²ÎÊý´«ÈëµÄid
µÄÄǸöÔªËØ¡£
$F()
º¯ÊýÊÇÁíÒ»¸ö´óÊÕ»¶ÓµÄ“
¿ì
½Ý¼ü”
£¬ËüÄÜÓÃÓÚ·µ»ØÈÎºÎ±íµ¥ÊäÈë¿Ø¼þµÄÖµ£¬±ÈÈçtext box,drop-down list
¡£
Õâ¸ö·½·¨Ò²ÄÜÓÃÔªËØid
»òÔªËØ±¾Éí×öΪ²ÎÊý¡£
$A()
º¯ÊýÄܰÑËü½ÓÊÕµ½µÄµ¥¸öµÄ²ÎÊýת»»³ÉÒ»¸öArray
¶Ô
Ïó¡£
2
¡¢½éÉÜÒ»ÏÂ
XMLHttpRequest
¶ÔÏó
ͨ¹ýXMLHttpRequest
¶ÔÏó£¬Web
¿ª
·¢ÈËÔ±¿ÉÒÔÔÚÒ³Ãæ¼ÓÔØÒÔºó½øÐÐÒ³ÃæµÄ¾Ö²¿¸üС£
AJAX
¿ªÊ¼Á÷ÐÐʼÓÚGoogle
ÔÚ2005
Äê
ʹÓõĔGoogle Suggest”
¡£
“Google Suggest”
¾ÍÊÇʹÓÃXMLHttpRequest
¶Ô
ÏóÀ´´´½¨¶¯Ì¬µÄWeb
½Ó¿Ú£º
µ±Óû§¿ªÊ¼ÊäÈëgoogle
µÄËÑË÷¿ò£¬Javascript
·¢
ËÍÓû§ÊäÈëµÄ×Ö·ûµ½·þÎñÆ÷£¬È»ºó·þÎñÆ÷·µ»ØÒ»¸ö½¨ÒéÁÐ±í¡£
XMLHttpRequest
¶ÔÏóÔÚIE5.0+,
Safari 1.2, Mozilla 1.0/Firefox, Opera 8+
ºÍNetScapt7
¿ª
ʼ±»Ö§³Ö¡£
3
¡¢
AJAX
Ó¦Óúʹ«Í³
Web
Ó¦ÓÃÓÐʲô²»Í¬£¿
ÔÚ´«Í³µÄJavascript
±à³ÌÖУ¬Èç¹ûÏëµÃµ½·þÎñÆ÷¶ËÊý¾Ý¿â»ò
ÎļþÉϵÄÐÅÏ¢£¬»òÕß·¢ËͿͻ§¶ËÐÅÏ¢µ½·þÎñÆ÷£¬ÐèÒª½¨Á¢Ò»¸öHTML form
È»ºóGET
»òÕßPOST
Êý
¾Ýµ½·þÎñÆ÷¶Ë¡£Óû§ÐèÒªµã»÷”Submit”
°´Å¥À´·¢ËÍ»òÕß½ÓÊÜÊý¾ÝÐÅÏ¢£¬È»ºóµÈ´ý·þÎñÆ÷ÏìÓ¦ÇëÇó£¬Ò³ÃæÖØÐ¼ÓÔØ¡£
ÒòΪ·þÎñÆ÷ÿ´Î¶¼»á·µ»ØÒ»¸öеÄÒ³Ãæ£¬ ËùÒÔ´«Í³µÄweb
Ó¦ÓÃÓпÉ
ÄܺÜÂý¶øÇÒÓû§½»»¥²»ÓѺá£
ʹÓÃAJAX
¼¼Êõ£¬ ¾Í¿ÉÒÔʹJavascript
ͨ
¹ýXMLHttpRequest
¶ÔÏóÖ±½ÓÓë·þÎñÆ÷½øÐн»»¥¡£
ͨ¹ýHTTP Request
£¬ Ò»¸öweb
Ò³
Ãæ¿ÉÒÔ·¢ËÍÒ»¸öÇëÇóµ½web
·þÎñÆ÷²¢ÇÒ½ÓÊÜweb
·þÎñÆ÷·µ»ØµÄÐÅÏ¢(
²»
ÓÃÖØÐ¼ÓÔØÒ³Ãæ)
£¬Õ¹Ê¾¸øÓû§µÄ»¹ÊÇͨһ¸öÒ³Ãæ£¬Óû§¸Ð¾õÒ³ÃæË¢Ð£¬Ò²¿´²»µ½µ½Javascript
ºó
̨½øÐеķ¢ËÍÇëÇóºÍ½ÓÊÜÏìÓ¦¡£
4
¡¢
AJAX
µÄÈ«³ÆÊÇʲô£¿
½éÉÜÒ»ÏÂ
AJAX
£¿
AJAX
µÄÈ«³ÆÊÇAsynchronous
JavaScript And XML.
AJAX
ÊÇ2005
ÄêÓÉGoogle
·¢
Æð²¢Á÷ÐÐÆðÀ´µÄ±à³Ì·½·¨£¬ AJAX
²»ÊÇÒ»¸öеıà³ÌÓïÑÔ£¬µ«ÊÇËüÊÇÒ»¸öʹÓÃÒÑÓбê×¼µÄеıà³Ì¼¼Êõ¡£
ʹÓÃAJAX
¿ÉÒÔ´´½¨¸üºÃ£¬¸ü¿ì£¬¸üÓû§½çÃæÓѺõÄWeb
Ó¦

AJAX
¼¼Êõ»ùÓÚJavascript
ºÍHTTP
Reque
Ïà¹ØÎĵµ£º
×î½ümatch001.comÏîÄ¿×öÒ»¸ö·¢Ë͵ç×ÓϲÌûµÄ¹¦ÄÜ£¬·¢ÏÖQQÓÍÏäÃ÷ÐÅÆ¬¹¦Äܲ¶à¡£ÓÚÊǺõ¹¹Ë¼×ö³ÉÄǸöÑù×Ó¡£
Óм¸µãÐèҪʵÏֵģº
±³¾°Í¼Æ¬¡¢½á»éÏàÆ¬µÄ¼ÓÔØ¡£
N¶àµÄʼþ°ó¶¨
¸úÏà²áÊý¾Ý°ó¶¨£¬Ñ¡ÔñÏà²áÁгöËùÓÐÏàÆ¬£¬²¢ÇÒÏàÆ¬·ÖÒ³¡£ËùÓеͼAJAXʵÏÖ
³õʼ»¯Ò»¸öDIVÓÃÀ´¿ØÖÆÉϲãͼƬλÖÃÒÆ¶¯£¬¸ù¾Ý²»Í¬±³¾°Í¼Æ¬£¬³õʼ»¯²»²» ......
# app\controllers\examples_controller.rb
ruby ´úÂë
class ExamplesController < ApplicationController
def ajax_select
@items = %w{AA BB}
end   ......
MOOTOOLSÖеķ½·¨Ê¹ÓÃ
Core.js
º¯Êý: $extend ½«µÚ¶þ¸ö²ÎÊý¶ÔÏóµÄËùÓÐÊôÐÔ¸´ÖƵ½µÚÒ»¸ö²ÎÊý¶ÔÏóÖÐ.
º¯Êý: $merge ºÏ²¢Ò»×é¶ÔÏóÉú³ÉжÔÏó
º¯Êý: $each µü´úÊý×é(°üÀ¨·Ç³£¹æÊý×é,ÈçÓÉÄÚ½¨µÄgetElementsByTagName·½·¨·µ»ØµÄ¼¯ºÏ¶ÔÏó, arguments¶ÔÏó, »òOjbect¶ÔÏó)
º¯Êý: $pick ·µ»Ø² ......
´ò¿ªÇëÇó
¡¡¡¡ÓÐÁËÒªÁ¬½ÓµÄ URL ºó¾Í¿ÉÒÔÅäÖÃÇëÇóÁË¡£¿ÉÒÔÓà XMLHttpRequest ¶ÔÏóµÄ open() ·½·¨À´Íê³É¡£¸Ã·½·¨ÓÐÎå¸ö²ÎÊý:
request-type:·¢ËÍÇëÇóµÄÀàÐÍ¡£µäÐ͵ÄÖµÊÇ GET »ò POST£¬µ«Ò²¿ÉÒÔ·¢ËÍ HEAD ÇëÇó¡£
url:ÒªÁ¬½ÓµÄ URL¡£
asynch:Èç¹ûÏ£ÍûʹÓÃÒì²½Á¬½ÓÔòΪ true£¬·ñÔòΪ false¡£¸Ã²ÎÊýÊÇ¿ÉÑ¡µÄ£¬Ä¬ÈÏΪ true¡£
......