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¼´Îª²ÎÊýµÄ¸öÊý
Ïà¹ØÎĵµ£º
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<mce:style type="text/css"><!--
.n{TEXT-DECORATION:none;cursor:pointer} a{color:black} a:hover{color:blue}
.m{TEXT-DECORATION:none;c ......
ÔÚ¹¹ÔìurlÊÇÓÃjavascript×Ô´øµÄencodeURIComponent·½·¨½«²ÎÊý½øÐбàÂ룬ÏÂÃæÊÇÎҵĴúÂë
var url = "handel.jsp?name="+encodeURIComponent(document.form1.name.value);
httpRequest = createHttpRequest();
httpReque ......
AJAXÖ÷ÒªÓÐÈýÖÖ£º×î¼òµ¥µÄÖ±½Ó¼ÓÔØÕû¸öÍøÒ³£¬È»ºóͨ¹ýinnerHTMLÖ®ÀàµÄ°ì·¨ÏÔʾÔÚÍøÒ³ÉÏ£¬Õâ¸öÏÖÔÚÓÃPrototype.jsµÄAjax.UpdaterÀàÄÜÇá¶øÒ×¾ÙµØÊµÏÖ£»ÁíÒ»ÖÖ×î³£ÓõÄÊǼÓÔØÒ»¸öÖ»°üº¬Êý¾ÝµÄÎļþ£¨±ÈÈçXML£©È»ºóͨ¹ýһϵÁдúÂë´¦ÀíºóÏÔʾ¸øÓû§£»»¹ÓÐÒ»ÖÖÊÇÏñDWR»òPHPRPCÄÇÑùÖ±½Ó°Ñ·þÎñÆ÷¶ËµÄº¯ÊýÉú³É¶ÔÓ¦µÄJS´úÂë¸ø¿Í»§¶Ë£¬¿ ......
ǰºó¶ËµÄ½»»¥ÊÇÕû¸ö¿ò¼ÜµÄÖÐÐÄ£¬ÎÒÏ£Íû´ÓÁ÷µÄ½Ç¶ÈÀ´Éè¼ÆAJAXµÄ½»»¥
AJAXµÄÉè¼Æ½«ºá¹áǰºó¶Ë
ǰ¶ËÊÇÖ÷¶¯
ºó¶ËÊDZ»¶¯
ÕûÌ忼Âǵϰ ǰºó¶ËʹÓÃÒ»¸öͳһµÄ½Ó¿Ú½øÐÐAJAX½»»¥
ºó¶Ë ÓÃÒ»¸öΨһµÄURLÀ´´¦Àí AJAXÇëÇó
½Ó¿ÚÃû³Æ ´¦Àí½Ó¿Ú£º[http://ÓòÃû/mvc.ajax] ·â×°ËùÓеÄAJAXÇëÇóµÄÔ¤´¦Àí
......
Ê×ÏÈҪ˵µÄ¾ÍÊÇ ajax ÊÇÎÞ·¨ÊµÏÖÉÏ´«ÎļþµÄ£¬¿ÉÒÔÏëÒ»ÏÂajaxÓëºǫ́ͨÐŶ¼ÊÇͨ¹ý´«µÝ×Ö·û´®£¬ÔõôÄÜ´«µÝÎļþÄØ£¿Æäʵ³öÓÚ°²È«¿¼ÂÇjsÊDz»ÄܲÙ×÷ÎļþµÄ£¬ËùÒԾͲ»ÒªÔÙ˵ÓÃajaxÀ´ÊµÏÖÎļþµÄÉÏ´«ÁË£¬ÕâÊDz»¿ÉÄܵġ£
¶ø±¾ÎÄʵÏÖµÄÎļþÉÏ´«Ò²ÊÇÎÞÒ³ÃæË¢Ðµģ¬¿ÉÒÔ˵ÊÇÒ»ÖÖ"ÀàËÆAJAX"·½·¨¡£
&n ......