AJAXÀ©Õ¹¿Ø¼þAccordionµÄʹÓ÷½·¨×ܽá
ÈçÉÏͼËùʾΪ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;}
.contentBg{width:180px;text-align:left;BACKGROUND-COLOR: #D1ECC8; FONT-SIZE: 12px; Font-color: #669900; FONT-FAMILY: "ËÎÌå"}
</style>
</head>
Ò»¡¢¾²Ì¬¼ÓÔØ£º
Ò³Ãæ´úÂëÈçÏ£º
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:Accordion ID="Accordion1" runat="server" Height="329px" Width="198px"
HeaderCssClass ="accordionHeader"
ContentCssClass ="accordionContent"
FadeTransitions ="true"
TransitionDuration ="300"
FramesPerSecond ="20"
RequireOpenedPane ="false"
SelectedIndex ="-1"
>
<Panes>
<cc1:AccordionPane runat ="server">
<Header>ÕżѼÑ</Header>
¡¡¡¡¡¡¡¡¡¡<Content>̬¶È¾ö¶¨Ò»ÇÐ</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane1" runat ="server">
<Header>£ª¼Ñ¼Ñ£ª</Header>
¡¡¡¡¡¡¡¡¡¡<Content>Ì«ÑôÏñÍù³£Ò»ÑùÉýÁËÆðÀ´</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane2" runat ="server">
<Header>i++</Header>
¡¡¡¡¡¡¡¡¡¡<Content>×öºÃ×Ô¼º¸Ã×öµÄ!</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane3" runat
Ïà¹ØÎĵµ£º
×î½ü£¬Ð´Á˸öajax³ÌÐò¡£ÊµÏÖÁ˶¨Î»µØÍ¼£¬ÒòΪÁËajaxµÄ¶¯Ì¬ÇëÇó£¬ËùÒÔ£¬µØÍ¼ÊÇʵʱɨÃèµÄ£¬µ«ÊÇ£¬ÎÊÌâÀ§»óÁ˰ë¸öÔ£¬½ñÌìÔÚºÍѧ³¤ÁÄÌìµÄʱºò£¬ÖÕÓÚÏëÇå³þÁË¡£
ajaxÔÚ±¾³ÌÐòÖеÄÈÎÎñ¾ÍÊǶ԰˸ö¶Á¿¨Æ÷µã½øÐж¯Ì¬ÇëÇóÊý¾Ý¿âÊý¾Ý£¬È»ºó£¬¸ù¾ÝÊý¾Ý¿âË÷ÒýÊýɨÃèµØÍ¼ÉϸõãµÄ ......
AjaxÖеķµ»Ø×´Ì¬readyStateºÍstatus,ÔÀ´Ã»ÓÐÖØÊÓ¹ýÕâÁ½ÕߵĹØÏµ£¬½á¹û½ñÌìд´úÂëʱ³ö²î´íÁË¡£ÎÒµÄÔ´úÂëΪ£º
function requestSome()
{
url=......
xmlHttpRequest.open....
xmlHttpRequest.onreadystatechange = function responseSome();
xmlHttpRequest.send....
}
function resp ......
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼òµ¥µÄ·½·¨£¬ÕâЩ·½·¨¶¼ÊǶÔjQuery.ajax()½øÐзâ×°ÒÔ·½±ãÎÒÃÇʹÓõķ½·¨£¬µ±È»£¬Èç¹ûÒª´¦Àí¸´ÔÓµÄÂß¼£¬»¹ÊÇÐèÒªÓõ½jQuery.ajax()µÄ(Õâ¸öºóÃæ»á˵µ½).
1. ......
ÔÀ´ÓÃjQueryµÄajax·½Ê½µ÷ÓÃasp.netÒ³Ãæ»ù±¾¶¼Êǵ÷Óõ¥¸öÒ³Ãæ£¬Óɵ÷ÓÃÒ³ÃæResponseÄÚÈÝ£¬¶øÏÖÔÚ²ÉÓÃasp.net ajaxºó£¬ÎÒÃÇÔò¿ÉÒÔ¸üÍêÃÀµÄʹÓÃjQueryºÍasp.net½áºÏÁË£¬´úÂëÈçÏ£º
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Scripts>
<asp:ScriptReference Path="http ......
web2.0ºá¿Õ³öÊÀ£¬ajaxÊ×µ±Æä³å£¬½ñÌì×öwebµÄÈç¹ûÔÙ²»Ñ§µãajaxµÄ»°£¬¾ÍÏÔµÄÂäÎéÁË£¬¶øÑ§ajaxµÄÓõĻ·¾³Èç¹ûÊÇasp.net£¬ÄÇajax.netÄã¾Í²»µÃ²»Ñ§ÁË¡£Ê×ÏȾÍÊÇ»·¾³µÄÅäÖã¬ÈçÏÂ
vs2005+sql2005+Winxp sp2+ie6.0+Office2003»·¾³ÉèÖÃÈçÏ£º
ÏÂÔØÍê ASPAJAXExtSetup.msi °²×°¸üкóÔÚÄãµÄϵͳÅÌϵģ¨ÒÔCÅÌΪÀý£© ³öÏÖÕâ¸ö Îļ ......