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¼´Îª²ÎÊýµÄ¸öÊý
Ïà¹ØÎĵµ£º
<
script language=
"javascript"
>
$(
document)
.ready
(
function
(
)
{
$(
'#send_ajax'
)
.click
(
function
(
)
{
var
params=
$(
'input'
)
.serialize
(
)
;
//ÐòÁл¯±íµ¥µÄÖµ
$.ajax
(
{
url:
'ajax_json.php'
,
//ºǫ́´¦ ......
By Jason.Huang@sun.COM
,
8/1/07
B/S½á¹¹µÄÓ¦ÓÃËƺõÒѾ³ÉΪÁËĬÈϵķ½Ê½,´ó¼ÒÿÌ쿪Æô¹Ø±Õ×î¶àµÄÓ¦ÓÃÎÒÏëÓ¦¸ÃÊÇÄúµÄWebä¯ÀÀÆ÷.B/S½á¹¹µÄÓ¦ÓÃ×î´óµÄÓŵã¾ÍÊÇ·½±ã,¿Í»§¶ËʲôҲ
²»ÐèÒª°²×°¾Í¿ÉÒÔʹÓÃÎÒÃǵÄÓ¦ÓÃ.
µ±È»B/S½á¹¹µÄһЩÌصãÒ²¶Ô»ùÓÚÕâÖÖ·½Ê½Ó¦ÓõĿª·¢ºÍÉè¼Æ²úÉúÁËÓ°Ïì.
×îµäÐ͵ÄÎÊÌâ¾ÍÊÇÿ ......
jQuery µ×²ã AJAX ʵÏÖ¡£¼òµ¥Ò×Óõĸ߲ãʵÏÖ¼û $.get, $.post µÈ¡£$.ajax() ·µ»ØÆä´´½¨µÄ XMLHttpRequest ¶ÔÏó¡£´ó¶àÊýÇé¿öÏÂÄãÎÞÐèÖ±½Ó²Ù×÷¸Ã¶ÔÏ󣬵«ÌØÊâÇé¿öÏ¿ÉÓÃÓÚÊÖ¶¯ÖÕÖ¹ÇëÇó¡£
×¢Ò⣺ Èç¹ûÄãÖ¸¶¨ÁË dataType Ñ¡ÏÇëÈ·±£·þÎñÆ÷·µ»ØÕýÈ·µÄ MIME ÐÅÏ¢£¬(Èç xml ·µ»Ø "text/xml")¡£´íÎóµÄ MIME ÀàÐÍ¿ÉÄܵ¼Ö²»¿ÉÔ¤Ö ......
Ç°ºó¶ËµÄ½»»¥ÊÇÕû¸ö¿ò¼ÜµÄÖÐÐÄ£¬ÎÒÏ£Íû´ÓÁ÷µÄ½Ç¶ÈÀ´Éè¼ÆAJAXµÄ½»»¥
AJAXµÄÉè¼Æ½«ºá¹áÇ°ºó¶Ë
Ç°¶ËÊÇÖ÷¶¯
ºó¶ËÊDZ»¶¯
ÕûÌ忼ÂǵĻ° Ç°ºó¶ËʹÓÃÒ»¸öͳһµÄ½Ó¿Ú½øÐÐAJAX½»»¥
ºó¶Ë ÓÃÒ»¸öΨһµÄURLÀ´´¦Àí AJAXÇëÇó
½Ó¿ÚÃû³Æ ´¦Àí½Ó¿Ú£º[http://ÓòÃû/mvc.ajax] ·â×°ËùÓеÄAJAXÇëÇóµÄÔ¤´¦Àí
......