ajaxÓëxmlÊý¾Ý½»»¥
ajaxÓëxmlÊý¾Ý½»»¥
AJAX¿ÉÒÔͨ¹ýʹÓÃXMLÎļþÀ´ÈÃÐÅÏ¢²úÉú»¥¶¯
AJAX XML ʵÀý
ÔÚÏÈÃæµÄAJAXʵÀýÖÐÎÒÃǽ«ÑÝʾÈçºÎÈÃWEBÒ³ÃæÊ¹ÓÃAJAX¼¼ÊõÀ´»ñÈ¡µ½À´×ÔXMLÎļþµÄÐÅÏ¢
´ÓÏÂÀ¿òÖÐÑ¡ÔñÒ»ÅÌCD
Ñ¡ÔñCD: Bob DylanBonnie TylerDolly Parton
TITLE: Greatest Hits
ARTIST: Dolly Parton
COUNTRY: USA
COMPANY: RCA
PRICE: 9.90
YEAR: 1982
AJAX ʵÀý½âÎö
The example above contains a simple HTML form and a link to a JavaScript:
ÉÏÃæµÄ¾ÙÀý°üº¬Á˼òµ¥µÄHTML±íµ¥ÒÔ¼°Á¬½Óµ½JSµÄlink£º
<html>
<head>
<script src="selectcd.js"></script>
</head>
<body>
<form>
Select a CD:
<select name="cds" onchange="showCD(this.value)">
<option value="Bob Dylan">Bob Dylan</option>
<option value="Bonnie Tyler">Bonnie Tyler</option>
<option value="Dolly Parton">Dolly Parton</option>
</select>
</form>
<p>
<div id="txtHint"><b>CD info will be listed here.</b></div>
</p>
</body>
</html>
As you can see it is just a simple HTML form with a simple drop down box called "cds".
ÕýÈçÄãËù¿´µ½µÄ£¬ËüÖ»ÊǼòµ¥µÄHTML±íµ¥£¬ÀïÃæÓиöÃûΪ"cds"µÄÏÂÀ¿ò
The paragraph below the form contains a div called "txtHint". The div is used as a placeholder for info retrieved from the web server.
ÔÚ±íµ¥ÏÂÃæµÄ¶ÎÂäÀïÓÐÒ»¸öÃûΪ"txtHint"µÄdiv¡£Ëü¿ÉÓÃÀ´ÏÔʾ´Óweb·þÎñÆ÷ÉÏ»ñÈ¡µ½µÄÐÅÏ¢
When the user selects data, a function called "showCD" is executed. The execution of the function is triggered by the "onchange" event. In other words: Each time the user change the value in the drop down box, the function showCD is called.
µ±Óû§Ñ¡ÔñÁËÐÅÏ¢£¬Ò»¸öÃûΪ"showCD"µÄº¯Êý¾Í»á±»Ö´ÐС£Õâ¸öº¯ÊýÖ´ÐÐÓë"onchange"ʼþÏà¹ØÁª¡£»»¾ä»°Ëµ£ºÃ¿µ±Óû§¸Ä±äÁËÏÂÀ¿òÀïµÄÄÚÈÝ£¬Õâ¸öº¯Êý¾Í»áÖ´ÐС£
The JavaScript code is listed below.
JS´úÂ뽫ÔÚÏÂÃæÁгö
The AJAX JavaScript
This is the JavaScript code stored in the file "selectcd.js":
Õâ¸öÃûΪ"selectcd.js"µÄJSÎļþ±£´æÁËÎÒÃÇÇ°ÃæËù½²µ½µÄ´úÂ룺
var xmlHttp
function s
Ïà¹ØÎĵµ£º
ÏÖÔÚÈç¹ûÄãÎʱðÈË“×î½üÁ½ÄêÔÚWeb¿ª·¢ÁìÓò×î»ðµÄ¼¼ÊõÊÇʲô”£¬AjaxÕâ¸ö´ÊÓ¦¸ÃÄÜÕ¼¾Ýһϯ֮µØ¡£È·Êµ£¬×Ô´Ó05Äêµ×±»Ìá³ö£¬Ajax¼¼Êõ¾ÍÒÔÄÑÒÔÏëÏóµÄËÙ¶ÈѸËÙºì±é´ó½Äϱ±£¬Êܵ½ÎÞÊýWeb¿ª·¢ÈËÔ±µÄÇàíùºÍ×·Åõ¡£¶ø¸÷ÖÖÆ½Ì¨ÏµÄAjax¿ò¼Ü¸üÊÇÈçÓêºó´ºËñ°ãÏòÍâð£¬ÒÔÖÁÓÚÁ¬Î¢ÈíÕâÑùÈí¼þÒµµÄ¾ÞÍ·Ò²ÆÈ²»¼°´ýÍÆ³ö×Ô¼ºµÄ¿ò¼Ü&m ......
±ÈÈçÒª¸øÓû§±¨¸æÒ»¸ö´íÎó£¬ÓÃÏÂÃæµÄ·½·¨£º
ʹÓÃset_error_handlerÉèÖÃ×Ô¼ºµÄ´íÎó´¦Àíº¯Êý£¬ÔÚ±¨´íµÄµØ·½Ê¹ÓÃtrigger_error£¬ÔÚ×Ô¶¨ÒåµÄ´íÎó´¦Àíº¯ÊýÖиøÓû§ÏÔʾһ¸ö³ö´íÐÅÏ¢Ò³Ãæ¡£
µ«
ÊÇÈç¹ûµ÷ÓÃtrigger_errorµÄÕâ¸öÒ³ÃæÊDZ»Ò»´ÎajaxÇëÇó´¥·¢µÄ£¬ÄÇôajax·µ»Øºó½«µÃµ½Ò»´ó¶ÑÓÃÓÚÏÔʾ´íÎóµÄhtml´úÂë¡£¶øÒ»°ã
ajaxµ÷Óö ......
AJAX (Òì²½ JavaScript ºÍ XML) ÊǸöвúÉúµÄÊõÓï,רΪÃèÊöJavaScriptµÄÁ½ÏîÇ¿´óÐÔÄÜ.ÕâÁ½ÏîÐÔ
ÄÜÔÚ¶àÄêÀ´Ò»Ö±±»ÍøÂ翪·¢ÕßËùºöÂÔ,Ö±µ½×î½üGmail, Google suggestºÍgoogle MapsµÄºá¿Õ³öÊÀ²ÅʹÈË
ÃÇ¿ªÊ¼Òâʶµ½ÆäÖØÒªÐÔ.
ÕâÁ½Ïî±»ºöÊÓµÄÐÔÄÜÊÇ:
* ÎÞÐèÖØÐÂ×°ÔØÕû¸öÒ³Ãæ±ãÄÜÏò·þÎñÆ÷·¢ËÍÇëÇó.
* ¶ÔXMLÎĵµµÄ½âÎöºÍ´¦Àí£®
......
Ajax¼¼ÊõÒѾµÃµ½ºÜ¹ã·ºµÄÓ¦Óã¬ÔÚWeb¿ª·¢ÖÐÆäºËÐľÍÔÚÓÚÒ첽ͨÐź;ֲ¿Ë¢Ð£¬¼«´óµØ¸ÄÉÆÁËÓû§ÌåÑ飬ÓÈÆäÊʺÏÓÚ¸ßÆµ¶È¡¢µÍÊý¾ÝÁ¿µÄ³¡¾°¡£ÔÚ²»Ê¹ÓÃAjaxµÄWebÓ¦ÓÃÖУ¬Ò»¸öÒ³Ãæ´¦ÀíÖÐÖ»ÓÐÒ»´ÎÇëÇ󣬿ͻ§¶Ë´¦ÀíÍêºóÒ»´ÎÐÔÌá½»£¬ÕâÖÖÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»µÄ´¦Àí¿ÉÄܱȽϺÄʱ£¬´Ó¶øÔì³É¿Í»§µÈ´ý£¬Ê¹ÓÃAjax°ÑÕâÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»·Ö ......
ÔÚʹÓÃAJAX½øÐгÌÐò¿ª·¢µÄʱºò£¬Ò»Ö±¶¼»áÃæ¶ÔÒ»¸ö»º´æµÄÎÊÌ⣡£¡
¼´ÊÇ£¬ÉÏ´ÎÇëÇóµÄʱºò£¬ÒòΪÄãµÄSQLÓï¾ä»òÕ߯äËûÔÒò£¬webserviceÖзµ»ØÖµÎª¿Õ£¬²»ÊÇÄãÏëÒªµÄ½á¹û¼¯£¬ÔÚÄã·¢ÏÖwebserviceÖÐÓï¾äÌå³ö´íºó£¬½øÐÐÐ޸ģ¬ÖØÐ²âÊÔ£¬ÈÔÈ»ÊÇÉϴεķµ»Ø½á¹û£¡¸Ð¾õ¾ÍÏñÄãµÄÐÞ¸ÄÍêÈ«ÎÞЧ¡£¡£
Æäʵ£¬ÕâÊÇÔÚAJAXµ ......