ajax³õ²½´î½¨¼°Ê¾Àý´úÂë
AJAX(Asynchronous JavaScript and XML):»ùÓÚXMLµÄÒì²½JavaScript£¬¼ò³ÆAJAX,ÊǶàÖÖ¼¼ÊõµÄ×ÛºÏ.
Ò»ÖÖ¿Í»§¶Ë¼¼Êõ ,Ϊ»¥ÁªÍøÓû§Ìṩ¸ü¼ÓÓÑÉÆµÄ½»»¥½çÃæ,¸ü¼ÓÁ÷³©µÄÓû§ÌåÑé.Ò²¾ÍÊÇËùνµÄÅÖ¿Í»§¶Ë,Ê¹ÍøÒ³µÄЧ¹ûÄܹ»Ïñ°²×°ÔÚ¼ÆËã»úÉϵÄÓ¦ÓÃÈí¼þ»òϵͳһÑùÓѺûªÀö.
ËüÓÉÈçÏÂËÄÖÖ¼¼Êõ×é³É:CSS + DOM + XMLHttpRequest+ JavaScript .
¸÷²¿·Ö¹¦ÄÜÈçÏÂ:
CSS : ¿ØÖÆÒ³ÃæµÄÏÔʾ ¡£
DOM : ¿ØÖÆÎĵµ½á¹¹ ¡£
XMLHttpRequest: ¸ºÔðÓë·þÎñÆ÷½øÐÐÒ첽ͨÐÅ ¡£
JAVAScript : µ÷Ó㬿ØÖÆÆäËûÈý¸ö×é³É²¿·Ö¡£
Èç¹ûÈ¥µôXMLHttpRequestÔòΪDHTML¼¼Êõ.
==========================================================
»ù±¾Á÷³ÌÈçÏÂ:
1) ʼþ´¥·¢Í¨ÐŹý³Ì
2)
2.1 ´´½¨XMLHttpRequest¶ÔÏó createXHR()
2.2 ×¼±¸Òª·¢Ë͵½·þÎñÆ÷µÄ²ÎÊý .
2.3 Ö¸¶¨ÓÃÓÚ´¦ÀíÓ¦´ðµÄº¯Êý . xhr.onreadystatechange = fn [ »Øµ÷º¯Êý ] ;
2.4 open() , send() ;
3) ±àд»Øµ÷º¯Êý .
3.1
ͨÐŹý³Ì½áÊø £º xhr.readyState == 4
·þÎñÆ÷Ö´ÐÐ £º xhr.status == 200
3.2 ¶Ô·þÎñÆ÷µÄÓ¦´ð½á¹û½øÐд¦Àí :
¸´ÔÓµÄÓÃxhr.responseXML (DOM·½Ê½)
¼òµ¥µÄÓÃxhr.responseText(·µ»ØµÄ×Ö·û´®)
==========================================================
XMLHttpRequestÓë·þÎñÆ÷Ö®¼äÊý¾Ý½»»»µÄ·½Ê½ÓÐgetºÍpostÁ½ÖÖ.
ʹÓÃPOST·½Ê½Ìá½»:
url = "/ajax/test.jsp" ;
XMLHttpRequest.open( "POST" , url );
 
Ïà¹ØÎĵµ£º
£¨×ªÌû£©
¡¡¡¡Ò»Ìáµ½ÈçºÎÔÚǰ̨JSµ÷Óúǫ́C#·½·¨£¬AJAX³ÉΪÁ˱ØÈ»µÄÏë·¨¡£
¡¡¡¡Ö»ÊÇʵÏÖµÄϸ½Ú²ÉÓÃAJAX 1.0»òÕßAjaxProµÄÇø±ð¡£
¡¡¡¡ÆäʵÈç¹û²»ÓÃAJAX£¬ÎÒÃÇÒ²Äܹ»ºÜ·½±ãµØÀûÓÃJSµ÷Óúǫ́·½·¨¡£
¡¡¡¡²½ÖèÈçÏ£º
¡¡¡¡1 ǰ̨·ÅÒ»¸ö°´Å¥¡£ÉèÖÃΪÒþ²Ø¡£×¢Ò⣺²»ÄÜÖ±½ÓÉèÖÃVisible=falseµÄ· ......
HTML source:
<p>
Name:
<input type="text" id="demoName"/>
<input value="Send" type="button" onclick="update()"/>
<br/>
Reply: <span id="demoReply"></span>
</p>
Javascript source:
var services = new dojox.rpc.Service({
target:"../dwr/j ......
Struts2ÊÇjavaÔÚweb¿ª·¢Öг£ÓõĿò¼ÜÖ®Ò»£¬½ñÌìС±àÕûÀíÁËÒ»ÏÂ×ÊÁÏ£¬Ì¸Ì¸Struts2µÄAjaxÖ§³Ö¡£Struts2µÄAjaxÖ§³ÖÊǽ¨Á¢ÔÚDojoºÍDWR»ù´¡Ö®Éϵģ¬ÕâÁ½¸ö¿ò¼Ü¶¼ÌṩÁ˷dz£³ÉÊìµÄAjaxÖ§³Ö£¬°üÀ¨·Ç³£ÓÅÐãµÄÒ³Ãæ¿Ø¼þºÍ¼òµ¥µÄDOM²Ù×÷¡£ÆäÖÐDojoÌṩÁ˷ḻµÄ×é¼þ¿âºÍÒ³ÃæÐ§¹û£¬¶øÇÒÌṩÁË´óÁ¿µÄº¯ÊýÀ´¼ò»¯Ajax¹ý³Ì¡£DWR(Direct Web R ......
Ò»¡¢ н¨Ò»¸öAjax_StartµÄÍøÕ¾
¶þ¡¢ ÔÚÍøÕ¾ÖÐÌí¼ÓÒ»¸öweb·þÎñ£¨ws_start.asmx£©
ÔÚvs2008ÖУ¬Ìí¼ÓÒ»¸öweb·þÎñÉú³ÉÁËÁ½¸öÎļþ£¬Ò»¸öÊÇasmxÎļþ£¬Ò»¸öÊÇÔÚApp_codeÀïµÄcsÎļþ£»ÎÒ¾õµÃÕâÑù²¢²»ºÃ£¬Ö ......