¡¾¾ÉÎÄ¡¿AJAX×ܽᣨһ£©
AJAX¼ò½é
Ò»¡¢AJAXÊÇʲô
ÔÚ´«Í³µÄwebÓ¦ÓÃÖУ¬Óû§ÓëÓ¦ÓõÄÿһ´Î½»»¥£¬¶¼ÊÇÊ×ÏÈÓû§Í¨¹ýä¯ÀÀÆ÷Ïò·þÎñÆ÷¶Ë·¢ËÍÒ»¸ö
ÇëÇ󣬷þÎñÆ÷½âÎöÕâ¸öÇëÇ󣬽«ÏàÓ¦µÄÏìÓ¦ÐÅÏ¢·µ»Ø¸øä¯ÀÀÆ÷¡£ÔÚ·þÎñÆ÷¶ËÒµÎñÂß¼·Ç³£¸´ÔÓ»òÕßÐèÒªºÄʱ½Ï³¤µÄÇé¿öÏ£¬ä¯ÀÀÆ÷µÈ´ýË¢ÐÂʱ£¬Ò³Ãæ¾³£ÊÇһƬ¿Õ
°×£¬Óû§Ö»Äܱ»¶¯µÈ´ý·þÎñÆ÷¶ËÏìÓ¦Íê³É£¬ÔÚ´ËÆÚ¼ä¿Í»§²»ÄÜÔÚÒ³ÃæÉÏ×öÈκβÙ×÷£¬´ø¸øÓû§·Ç³£Ôã¸âµÄÌåÑé¡£
ÔÚÓû§Ö»ÊÇÐèҪˢÐÂÒ³ÃæÒ»Ð¡²¿·ÖµÄÇé¿öÏ£¬´«Í³µÄwebÓ¦ÓÃÐèҪˢÐÂÕû¸öÒ³Ãæ£¬Ôì³ÉÍøÂçÁ÷Á¿µÄÀË·Ñ£¬Ò²Ôì³ÉÏìÓ¦ËٶȱäÂý¡£
2005Äê£¬Ëæ×ÅAJAXµÄ³öÏÖ£¬ÕâÖÖÇé¿öµÃµ½Á˸Ĺۡ£
AJAXÕâ¸öÊõÓïÊÇÓÉAdaptive Path¹«Ë¾µÄJesse James GarrettµÄ¶¨ÒåµÄ£¬Ëû˵ËüÊÇAsynchronous Javascript and XmlµÄ¼òд¡£AJAX²¢²»ÊÇÒ»ÖÖ¼¼Êõ£¬ËüÊǶàÖÖ¼¼ÊõµÄÇ¿´ó×éºÏ£¬Ëü°üÀ¨£º
Ø »ùÓÚXHTMLºÍCSS±ê×¼µÄ±íʾ£»
Ø Ê¹ÓÃDOM½øÐж¯Ì¬ÏÔʾºÍ½»»¥£»
Ø Ê¹ÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»»Óë´¦Àí
Ø Ê¹ÓÃXMLHttpRequestÓë·þÎñÆ÷½øÐÐÒ첽ͨÐÅ£»
Ø Ê¹ÓÃJavaScript°ó¶¨Ò»ÇС£
ÔÚAJAXÉæ¼°µÄÕâ7Ïî¼¼ÊõÖУ¬DOM¡¢XML¡¢XMLHttpRequest¡¢JavaScript×îΪÓÐÓá£
¶þ¡¢Ê¹ÓÃAJAXµÄÀû±×
ʹÓÃAJAX£¬¿ÉÒÔΪ¿ª·¢ÈËÔ±¡¢ÖÕ¶ËÓû§´øÀ´¿É¼ûµÄ±ã½Ý£º
Ø ¼õÇá·þÎñÆ÷µÄ¸ºµ£¡£AJAXµÄÔÔòÊÇ“°´ÐèÈ¡Êý¾Ý”£¬¿ÉÒÔ×î´ó³Ì¶ÈµÄ¼õÉÙÈßÓàÇëÇóºÍÏìÓ¦¶Ô·þÎñÆ÷Ôì³ÉµÄ¸ºµ£¡£
Ø
ÎÞˢиüÐÂÒ³Ãæ£¬¼õÉÙÓû§ÐÄÀíºÍʵ¼ÊµÄµÈ´ýʱ¼ä¡£ÌرðÊǵ±¶ÁÈ¡´óÁ¿Êý¾ÝµÄʱºò£¬AJAXʹÓÃXMLHTTP¶ÔÏó·¢ËÍÇëÇó²¢»ñÈ¡·þÎñÆ÷ÏìÓ¦£¬ÔÚ²»ÖØÐÂÔØÈëÕû
¸öÒ³ÃæµÄÇé¿öÏÂÓÃJavascript²Ù×÷DOM×îÖÕ¸üÐÂÒ³Ãæ¡£ÔÚ¶ÁÈ¡Êý¾ÝµÄ¹ý³ÌÖУ¬Óû§Ãæ¶ÔµÄ²»ÊÇ°×ÆÁ£¬ÊÇÔÀ´Ò³ÃæµÄÄÚÈÝ£¬Óû§¿ÉÒÔ¼ÌÐø½øÐÐÆäËû²Ù×÷£¬
Ö»Óе±Êý¾Ý½ÓÊÕÍê±ÏÖ®ºó²Å¸üÐÂÏàÓ¦²¿·ÖÄÚÈÝ¡£
Ø ´øÀ´¸üºÃµÄÓû§ÌåÑé¡£Ò»Ö±ÒÔÀ´£¬B/S³ÌÐòÔÚÓû§ÒײÙ×÷ÐÔ¡¢½çÃæÓѺÃÐÔÉϸúC/SÏà±È¶¼ÓнϴóµÄ²î¾à£¬Ëæ×ÅAJAXµÄÓ¦Óã¬ÕâÖÖÇé¿ö½«µÃµ½½Ï´óµÄ¸Ä¹Û¡£
Ø
Ïà¹ØÎĵµ£º
ǰºó¶ËµÄ½»»¥ÊÇÕû¸ö¿ò¼ÜµÄÖÐÐÄ£¬ÎÒÏ£Íû´ÓÁ÷µÄ½Ç¶ÈÀ´Éè¼ÆAJAXµÄ½»»¥
AJAXµÄÉè¼Æ½«ºá¹áǰºó¶Ë
ǰ¶ËÊÇÖ÷¶¯
ºó¶ËÊDZ»¶¯
ÕûÌ忼Âǵϰ ǰºó¶ËʹÓÃÒ»¸öͳһµÄ½Ó¿Ú½øÐÐAJAX½»»¥
ºó¶Ë ÓÃÒ»¸öΨһµÄURLÀ´´¦Àí AJAXÇëÇó
½Ó¿ÚÃû³Æ ´¦Àí½Ó¿Ú£º[http://ÓòÃû/mvc.ajax] ·â×°ËùÓеÄAJAXÇëÇóµÄÔ¤´¦Àí
......
´´½¨Ò»¸öµ¯³öDIV´°¿Ú¿ÉÄÜÊÇÏÖÔÚÍøÕ¾/ÍøÒ³ÖÆ×÷ÖÐ×î³£Åöµ½µÄÎÊÌâÖ®Ò»¡£´«Í³µÄJavaScriptµ¯´°ÒѾ²»ÊʺÏÄ¿Ç°ÍøÕ¾µÄÉè¼ÆÀíÄîÁË£¬ÀíÓÉÓжþ£ºÊ× ÏÈ£¬²»ÓѺ×—ÉúÓ²µÄµ¯³ö¶Ô»°¿òÇÒ°éËæ×Å“ßÑ”µÄÒ»Éù¶ÔÓû§ÌåÑéÊǸöºÜ´óµÄÌôÕ½£»Æä´Î£¬¼æÈÝÐÔ²»¹»Ç¿——ÓÐÏ൱¶àµÄä¯ÀÀÆ÷ÆÁ±ÎÁËÕâÖÖJSµÄAlert() ·½·¨¡ ......
Ajaxµ÷ÓÃÔ¶³Ì·þÎñÆ÷Êý¾Ý»á³öÏ־ܾø·ÃÎʵÄÎÊÌâ¡£ÕâÊÇÒòΪ»ùÓÚ°²È«µÄ¿¼ÂÇ£¬AJAXÖ»ÄÜ·ÃÎʱ¾ÓòϵÄ×ÊÔ´£¬¶ø²»ÄÜ¿çÓò·ÃÎÊ¡£Ò²¾ÍÊÇ˵£¬domain1.comÕ¾µãÖеÄAJAXÖ»ÄÜ·ÃÎÊdomain1.comÕ¾µãϵÄ×ÊÔ´,¶ø²»ÄÜ¿çÓò·ÃÎÊdomain2.comÕ¾µãÖеÄ×ÊÔ´£¬Õâ¾ÍÊÇAJAX¿çÓòÎÊÌâ¡£
½â¾ö˼·£ºÒ³ÃæÔÚÌá½»ÇëÇóʱ ......
1.ǰ¡¢¶Ëºó¶¼Òª×öºÃ°²È«µÄ°Ñ¹Ø¹¤×÷
ÓÉÓÚAjaxÒ²»á½ÓÊÕºó¶Ë´«ËÍÀ´µÄ×ÊÁÏ£¬¶ÔÕâЩ×ÊÁ϶¼Òª²É²»ÐÅÈÎ̬¶È£¬±ØÐë¼ÓÒÔ¼ì²é¡£
2.¾¡Á¿ÒÔHTTP POST·½·¨´«Êä×ÊÁÏ
ËäÈ»POST²¢·ÇÍòÎÞһʧ£¬µ«±ÈÆðGETÖÁÉÙ½ÏΪ°²È«¡£
3.²»ÒªÖ±½ÓÓÃevalº¯Ê½»½ÆðJSONÎï¼þ
JSONÊDzÉÓÃJavaScriptÎï¼þʵ×ÖµÄ×ÊÁϸñʽ£¬´Óºó¶Ë´«µ½Ajax³Ìʽʱ£¬±ØÐë²ÉÓÃevalº ......
·¢ËÍÒ»¸öÇëÇóºó£¬¿Í»§¶ËÎÞ·¨È·¶¨Ê²Ã´Ê±ºò»áÍê³ÉÕâ¸öÇëÇó£¬ËùÒÔÐèÒªÓÃʼþ»úÖÆÀ´²¶»ñÇëÇóµÄ״̬£¬XMLHttpRequest¶ÔÏóÌṩÁËonreadyStateChangeʼþʵÏÖÕâÒ»¹¦ÄÜ¡£ÕâÀàËÆÓڻص÷º¯ÊýµÄ×ö·¨¡£
onreadyStateChangeʼþ¿ÉÖ¸¶¨Ò»¸öʼþ´¦Àíº¯ÊýÀ´´¦ÀíXMLHttpRequest¶ÔÏóµÄÖ´Ðнá¹û£¬È磺
ajaxObj=createAjaxObject();
var url= ......