Ajaxͨ¹ý´úÀí¿çÓò·ÃÎÊ
Ajaxµ÷ÓÃÔ¶³Ì·þÎñÆ÷Êý¾Ý»á³öÏ־ܾø·ÃÎʵÄÎÊÌâ¡£ÕâÊÇÒòΪ»ùÓÚ°²È«µÄ¿¼ÂÇ£¬AJAXÖ»ÄÜ·ÃÎʱ¾ÓòϵÄ×ÊÔ´£¬¶ø²»ÄÜ¿çÓò·ÃÎÊ¡£Ò²¾ÍÊÇ˵£¬domain1.comÕ¾µãÖеÄAJAXÖ»ÄÜ·ÃÎÊdomain1.comÕ¾µãϵÄ×ÊÔ´,¶ø²»ÄÜ¿çÓò·ÃÎÊdomain2.comÕ¾µãÖеÄ×ÊÔ´£¬Õâ¾ÍÊÇAJAX¿çÓòÎÊÌâ¡£
½â¾ö˼·£ºÒ³ÃæÔÚÌá½»ÇëÇóʱ£¬ä¯ÀÀÆ÷»á½øÐÐFormÉí·ÝÑéÖ¤£¨Form¼´Îª±íµ¥£¬Ã¿¸öÒ³Ãæ¶¼ÓÐÒ»¸öForm±êÇ©£©£¬Ïñ²»Í¬ÓòÊý¾ÝµÄ»ñÈ¡¾Í±»ÈÏΪÊDz»°²È«µÄ£¬ËùÒԾܾø·ÃÎÊ¡£½â¾ö˼·¾ÍÊÇͨ¹ýÕâ¸öFormÉí·ÝÑéÖ¤£¬»òÈÆ¹ýÉí·ÝÑéÖ¤¡£
½â¾öAJAX¿çÓòÎÊÌâÓм¸ÖÖ·½·¨£¬ÕâÀïÎÒÃÇÖ»ÌÖÂÛ×î³£ÓõÄÒ»ÖÖ·½·¨---ʹÓÃAJAX´úÀí½â¾öAJAX¿çÓòÎÊÌâ¡£
¼´ÔÚdomain1.comÕ¾µãÖÐʹÓö¯Ì¬ÍøÒ³(ASP,PHP,JSPµÈ)×÷Ϊ´úÀíÒ³Ãæ¶ÁÈ¡domain2.comÕ¾µãÖеÄ×ÊÔ´,
È»ºóÔÚdomain1.comÕ¾µãÖÐʹÓÃAJAX¶ÁÈ¡±¾ÓòϵĴúÀíÒ³Ãæ¡£
¾ÙÀý˵Ã÷£¨ÒÔasp.netΪÀý£©£ºÒ³Ãæa.aspxÔÚÓòdomain1.comÖУ¬Ò³Ãæb.aspxÔÚÓòdomain2.comÖУ¬a.aspxͨ¹ýajaxÇëÇób.aspxÊý¾Ý
ÔòΪ¿çÓò¡£ÔÚÓòdomain1.com·ÅÖôúÀíÒ³Ãætemp.aspx£¬ÄÇôa.aspx·ÃÎÊtemp.aspx¾ÍÊÇͬһÓòÁË¡£¶øtemp.aspxÔÙÈ¥·ÃÎÊb.aspx·µ»ØÊý¾Ý¸øa.aspx£¬ÕâÑùÎÊÌâÊDz»ÊÇÒѾ½â¾öÁËÄØ£¬temp.aspx·ÃÎÊb.aspx²»Ò²ÊÇ¿çÓò·ÃÎÊÂð£¿
Õâ¾ÍÊÇÖØµã£ºa.aspx·ÃÎÊtemp.aspx·¢ËÍÇëÇóʱÒÑͨ¹ýFormÉí·ÝÑéÖ¤ÁË£¬ÇëÇóÒѵ½´ï·þÎñÆ÷¶Ë£¬¶øtemp.aspxÔÚ·þÎñÆ÷¶Ë·ÃÎÊ»ñÈ¡b.aspxµÄÊý¾ÝÔò²»´æÔÚFormÉí·ÝÑéÖ¤£¬ËùÒÔ´úÀíÒ³Ãætemp.aspx´úÂëÓ¦¸ÃÔËÐÐÔÚ·þÎñÆ÷¶Ë£¬Ò²¾ÍÊǽ«»ñÈ¡Êý¾ÝµÄ´úÂëдµ½temp.csµ±Öм´¿É¡£
ʾÀý£¨²¿·ÖÖØÒªÔ´Â룩£º
1¡¢Óòdomain1.comÖеÄa.aspxͨ¹ýAjaxÇëÇó´úÀíÒ³ÃæNetProxy.aspx£¨ÓвÎÊýÓëÎÞ²ÎÊýµÄÁ½ÖÖÇëÇó·½·¨£©
// ajaxÒì²½µ÷ÓÃWebservice
function Call(flag)
{
// ÓÃhttp Post·½·¨ÊµÏÖµ÷ÓÃ
if(true==flag)
{
// ¿ÉÈ¡Ïà¶ÔµØÖ·Óë¾ø¶ÔµØÖ·£¨webServiceËùÔڵĵØÖ·£©
var url = "../AjaxProxy/NetProxy.aspx?flag=1&f=setDivContent";
request.open("POST",url, false);
request.setRequestHeader ("Content-Type","application/x-www-form-urlencoded");
request.setRequestHeader ("Content-Length",2); // 2¼´Îª²ÎÊýµÄ¸öÊý
Ïà¹ØÎĵµ£º
×î½üÍøÉÏÌáµÄºÜ¶àµÄÒ»¸öиÅÄî¾ÍÊÇ AJAX ÁË, ÄÇô, AJAX ÊÇÊ²Ã´ÄØ? ÒÔÏÂÄÚÈÝÒýÓÃÍøÉÏ×ÊÁÏ:
AJAXÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÖ¸Ò»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£ËüÓлúµØ°üº¬ÁËÒÔϼ¸ÖÖ¼¼Êõ£º
Ajax£¨Asynchronous JavaScript + XML£©µÄ¶¨Òå
»ùÓÚ web±ê×¼£¨sta ......
ÔÚ¹¹ÔìurlÊÇÓÃjavascript×Ô´øµÄencodeURIComponent·½·¨½«²ÎÊý½øÐбàÂ룬ÏÂÃæÊÇÎҵĴúÂë
var url = "handel.jsp?name="+encodeURIComponent(document.form1.name.value);
httpRequest = createHttpRequest();
httpReque ......
jQuery µ×²ã AJAX ʵÏÖ¡£¼òµ¥Ò×Óõĸ߲ãʵÏÖ¼û $.get, $.post µÈ¡£$.ajax() ·µ»ØÆä´´½¨µÄ XMLHttpRequest ¶ÔÏó¡£´ó¶àÊýÇé¿öÏÂÄãÎÞÐèÖ±½Ó²Ù×÷¸Ã¶ÔÏ󣬵«ÌØÊâÇé¿öÏ¿ÉÓÃÓÚÊÖ¶¯ÖÕÖ¹ÇëÇó¡£
×¢Ò⣺ Èç¹ûÄãÖ¸¶¨ÁË dataType Ñ¡ÏÇëÈ·±£·þÎñÆ÷·µ»ØÕýÈ·µÄ MIME ÐÅÏ¢£¬(Èç xml ·µ»Ø "text/xml")¡£´íÎóµÄ MIME ÀàÐÍ¿ÉÄܵ¼Ö²»¿ÉÔ¤Ö ......
1. Accordion
¡¾¹¦ÄܸÅÊö¡¿Accordion¿ÉÒÔÈÃÄãÉè¼Æ¶à¸öpanel ²¢ÇÒÒ»´ÎÖ»ÏÔʾһ¸öPanel .ÔÚÒ³ÃæÉϵÄÏÔʾЧ¹û¾ÍÏñÊÇʹÓÃÁ˶à¸öCollapsiblePanelsÖ»²»¹ýÿһ´ÎÖ»Õ¹¿ªÆäÖÐÒ»¸ö CollapsiblePanel.Accordion¿Ø¼þÄÚ²¿°üº¬ÁËÈô¸É¸öAccordionPane£¬Ã¿Ò»¸öAccordionPaneµÄ templateÀï°üÀ¨ÁË¶ÔÆäHeaderºÍContentµÄ¶¨Òå¡£ÎÒÃÇ¿ÉÒÔÔÚºǫ́ ......