Ajax ºÍ XML: ÎåÖÖ³£¼û Ajax ģʽ
ºÃ¾Ã²»ÅöWEBµÄ¶«¶«ÁË,×î½üѧϰ£Ó£Á£ÐµÄ£Â£Ó£Ð¼¼Êõ£¬ÓÖÓõ½ÕâЩ£¬Ë³±ãתƪÎÄÕ£¬±¸²é£®
ÔÎĵØÖ·: http://www.ibm.com/developerworks/cn/xml/x-ajaxxml2/
Ajax ºÍ XML:
Îå
ÖÖ³£¼û Ajax ģʽ
¿ÉÁ¢¼´Ê¹ÓÃÕâЩ·Ç³£ÓÐÓÃµÄ Ajax Éè¼ÆÄ£Ê½
ÎĵµÑ¡Ïî
<tr valign="top"><td width="8"><img alt="" height="1" width="8" src="//www.ibm.com/i/c.gif"/></td><td width="16"><img alt="" width="16" height="16" src="//www.ibm.com/i/c.gif"/></td><td class="small" width="122"><p><span class="ast">δÏÔʾÐèÒª JavaScript µÄÎĵµÑ¡Ïî</span></p></td></tr>
¼¶
±ð£º Öм¶
Jack D
Herrington
(jherr@pobox.com
),
¸ß¼¶Èí¼þ¹¤³Ìʦ, Leverage Software Inc.
2007 Äê 3 ÔÂ 20 ÈÕ
Asynchronous
JavaScript + XML£¨Ajax£©ÎÞÒÉÊÇ 2006 Äê×îÈÈÃŵļ¼ÊõÊõÓÇÒÓÐÍûÔÚ 2007
µÃµ½½øÒ»²½·¢Õ¹¡£µ«ÊǶÔÄúµÄÓ¦ÓóÌÐòÀ´ËµËü¾¿¾¹ÓÐʲôÒâÒåÄØ£¿Ajax Ó¦ÓóÌÐòÖÐÄÄÒ»ÖÖ³£¼û¼Ü¹¹Ä£Ê½Ó¦ÓÃ×î¹ã·ºÄØ£¿±¾ÎĽ«½éÉÜÎåÖÖ³£¼û Ajax
Éè¼ÆÄ£Ê½£¬¿ÉÒÔʹÓÃËüÃÇ×÷Ϊ¹¤×÷µÄ»ù´¡¡£
µÄÈ·£¬Ajax ÊÇ Web 2.0
ÈÈÃÅÊõÓËùÓÐÈ˶¼Ï£Íû½«ÆäÓ¦ÓÃÓÚ×Ô¼ºµÄÕ¾µã¡£µ«ÊÇËü¶ÔÎÒÃǾ¿¾¹ÓÐʲôÒâÒ壿¹¤³Ìʦ¸ÃÈçºÎÔڼܹ¹µÄ²ãÃæÉϽ«Æä¼¯³Éµ½×Ô¼ºµÄÕ¾µãÖУ¿ÔÚÕâÆªÎÄÕÂÖУ¬ÎÒ½«½éÉÜ
Ajax µÄ»ù±¾ÖªÊ¶£¬²¢Õ¹Ê¾Ò»Ð©ÒѾ³ÉΪ Web 2.0 ¿ª·¢×î¼Ñʵ¼ùµÄ Ajax Éè¼ÆÄ£Ê½¡£
Çë·ÃÎÊ Ajax ¼¼Êõ×ÊÔ´ÖÐÐÄ
£¬ÕâÊÇÓйØ
Ajax ±à³ÌÄ£ÐÍÐÅÏ¢µÄһվʽÖÐÐÄ£¬°üÀ¨ºÜ¶àÎĵµ¡¢½Ì³Ì¡¢ÂÛ̳¡¢blog¡¢wiki ºÍÐÂÎÅ¡£ÈκΠAjax µÄÐÂÐÅÏ¢¶¼ÄÜÔÚÕâÀïÕÒµ½¡£
Ê×ÏÈ£¬Ajax
½ö½öÊÇÒ»¸öÉæ¼°Ò»×é¼¼ÊõµÄÊõÓ°üÀ¨ Dynamic HTML£¨DHTML£©ºÍ XMLHTTPRequest
¶ÔÏó¡£DHTML ÓÉÈý¸öÔªËØ×éºÏ¶ø³É£¬ËüÃÇ·Ö±ðÊdz¬Îı¾±ê¼ÇÓïÑÔ£¨Hypertext Markup
Language£¬HTML£©¡¢JavaScript ´úÂëºÍ¼¶ÁªÑùʽ±í£¨Cascading Style Sheet£¬CSS£©¡£ÔÚ Web Ò³ÃæÊ¹ÓÃ
JavaScript ´úÂ룬¿ÉÒÔ¶¯Ì¬µØ¸Ä±äÒ³Ãæ£¬°üÀ¨Ìí¼Ó¡¢É¾³ý»ò¸ü¸ÄÒ³ÃæÄÚÈÝ¡£Õâ¾ÍÊÇ DHTML µÄ¶¯Ì¬
²¿·Ö¡£JavaScript ´úÂëʹÓà XMLHTTPRequest
¶ÔÏóÔÚ¼ÓÔØÒ³ÃæºóÏò·þÎñÆ÷ÇëÇóÊý¾Ý¡£
ÕâÁ½ÖÖÔªËØµÄ×éºÏ —— ´Ó·þÎñÆ÷¶¯Ì¬Çë
Ïà¹ØÎĵµ£º
ÓÃAjaxʵÏÖTabЧ¹ûµÄ
ÏÈ´´½¨
ajax.php£¬ÔÚÆäÖÐÊäÈëÈçÏ´úÂ룺
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample 2_1</title>
<me ......
ÈçÉÏͼËùʾΪAccordion¿Ø¼þ£º
¸Ð¾õ²»´íµÄÑùʽ
<style type="text/css">
.headerBg{cursor:hand;text-align:center;width:180px;height:21px;background-image:url(images/ajaxmenubg1.gif);FONT-SIZE: 12px;line-height:21px;} ......
Ó¦Ò»¸öͬʵÄÒªÇó£¬ÒªÀûÓÃstrtusµÄAction½«Ò»¸öÊý¾Ý¿â±íµÄÊý¾ÝÊä³öΪxml¸ñʽµÄÊý¾Ý£¬·½±ãµ¼ÈëʹÓ᣾Ñо¿Action»¹ÕæÄܰ쵽£¬Êµ¼ÊÉϲ»ÊÇActionµÄ¹¦ÀÍ£¬¶øÊÇJDOMµÄ¹¦ÀÍ£¬²»ËµÄÇô¶àÁË£¬¸ø´ó¼Ò·ÖÏíһϡ£ ÎÒÓÐÒ»¸ö²âÊÔ±í£¬ÓÐÁ½¸ö×ֶΣ¬Ò»¸öÊÇÓû§Ãû£¬Ò»¸öÊÇÃÜÂ룬ÏÖ½«Õ⸠......
protected void Page_Load(object sender, EventArgs e)
{
try
{
&nbs ......
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Inte ......