Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ÎÒµÄAjaxÔÓ̸ Ò²ÐíÒ²ÊÇÂÒµ¯

      Google Suggest ºÍGoogle MapµÄ³öÏÖ£¬ÒýÆðÁËÎÒÃÇWeb¿ª·¢ÕßµÄÒ»´ÎÕ𶯡£Ëæ×ÅAjax¼¼ÊõµÄ³öÏÖ¡¢Ê¢ÐУ¬±¾±»ºöÊÓÈÏΪÊǶþÁ÷±à³ÌÓïÑÔµÄJavaScript½Å±¾Ò²¿ªÊ¼ÁËеÄÊ¢ÐУ¬´óÁ¿µÄJavaScript¿ò¼ÜµÄ³öÏÖÈçMicrosoft Asp.Net Ajax¡¢jQueryµÈ¡£AjaxÒѾ­³ÉΪÕâЩ½Å±¾¿ò¼Ü±Ø²»¿ÉÉÙµÄ×é³É²¿·ÖÁË£¬¶øÇÒAjaxµÄ¿ª·¢Ò²Ô½À´Ô½¼òµ¥»¯¡£       AjaxÊÇÒ»ÖÖÒѲ»ÊǼÓÔØ½Å±¾£¬Æä×î¹ÅÀϵÄʵÏÖ·½Ê½ÊÇÀûÓÃiframeÀ´¼ÓÔØÔ¶³ÌµÄ½Å±¾ÀûÓÃtop.FunctionÀ´µ÷Óø¸´°ÌåµÄ·½·¨¡£ÀûÓÃaµÈHTMLµÄtargetÊôÐÔÀ´Ö¸¶¨¡£¼òµ¥µ«ÊǺóÆÚά»¤¸´ÔÓ»¯Á˲¢ÇÒÔÚ¿çÔ½·½ÃæºÜÂé·³¡£½ÓמÍXMLHttpRequest¶ÔÏóµÄ³öÏÖ£¬Ò»¶¨³Ì¶ÈµÄ¼ò»¯ÁËAjaxµÄ¿ª·¢£¬µ«ÊÇÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖÐʵÏÖÓкܶà´ó²»Í¬£¬FireFoxÖÐXMLHttpRequestºÍIEÖеÄActiveObjectµÈ·½Ê½£¬ÒÔ¼°Ëü½öÌṩÁ˺ÜÉٺͼòµ¥µÄAjaxÇëÇóºÍ´¦Àí¡£ÔÚÏÖÔÚ³öÏÖÁ˺ܶàµÄJavaScript¿ò¼Ü£¬ÔÚ»ùÓÚXMLHttpRequestµÄ·â×°ºÍÀà¿âµÄÌṩ£¬¼«´óµÄ¼ò»¯ÁËÎÒÃǵÄAjax±à³Ì¡£ÆäÖÐ×îΪ³öÃûºÍÊ¢ÐеÄjQuery¿ò¼Ü¡£ÕâÀïÐè˵³öµÄÊÇjQueryºÜºÃʵÏÖÁË¿çÓòÎÊÌâ¡£ ÏÂÃæÎÒ¾Í˵¼¸µã×Ô¼ºÄ¿Ç°Ïëµ½µÄAjax×¢Òâ»òÕß¼¼ÇÉ£¬Ë¼Î¬Ò²ÐíÓеãÂÒ£¬ÇëÁ½⣬½«µÄ²»ºÃ£¬Ò²ÇëÔ­Á¡£      1£ºAjaxÖеÄXÊÇXML£¬ËüÒ²¿ÉÒԺܷ½±ãµÄ¼ÓÔØXML£¬µ«ÊÇÎÒ¸öÈ˾õµÃ¼Ü×Ó°¡XMLÊǸöºÜ²»ºÃµÄ·½Ê½¡£Ê×ÏÈ´ó¼Ò¶¼ÖªµÀXMLÊÇÒ»ÖÖÑϸñµÄÊý¾Ý´æ´¢·½Ê½£¬ÓкܶàÈßÓàÐÅÏ¢¡£ÔÙÔòXMLµÄ´¦ÀíÒ²ÓÐÒ»¶¨µÄ¸´ÔÓÐÔ¡£XMLÄÜʵÏÖ¿çÆ½Ì¨ÐÔ£¬ÈçWebService£¬ÕâÊÇWebServiceµÄÓŵ㣬µ«ÊÇÒ²ÊÇÒ»¸öÖÂÃüµÄȱµã£¬Ëü»ùÓÚµÄXMLÈßÓàÐÅÏ¢£¬ËùÒÔÔÚ·Ö²¼Ê½ÖÐËÙ¶ÈÒ²ÊǺÜÂýµÄ¡£     Ïà±È¶øÑÔJson¶ÔÏóÊÇÒ»¸öÇáÁ¿¼¶µÄ´æ´¢·½Ê½£¬ËüÊÇÒÔÃûÖµ¶ÔµÄÐÎʽ´æ´¢¡£¶øÇÒJavaScript½Å±¾±¾Éí¾ÍÊÇÒ»¸öÌìÈ»µÄJson¶ÔÏó£¬ÎÞÐèת»¯£¬¿ÉÒÔÖ±½ÓʹÓ㬲¢ÇÒÏÖÔÚ.NET¿ò¼ÜÖÐÌṩÁ˶ÔJsonÐòÁл¯µÄÖ§³Ö.ÎÒ¸öÈ˹۵ãÊÇÊ×Ñ¡Json¡£     2£ºÔÚ·þÎñÆ÷¶ËΪÁËÐÔÄܵȵĿ¼ÂǾ­³£»áÓлº´æ£¬ÒÔ¼°ä¯ÀÀÆ÷µÄ»º´æ¡£ÓÐʱÎÒÃÇÐèÒª±ÜÃ⣬×î¼òµ¥µÄ·½Ê½ÊǼÓÉÏÒ»¸öʱ¼ä´Á£¬"Default.aspx?time=¡± + DateTime.Now¡£¾Í¿ÉÒÔ±ÜÃ⻺´æ¡£Èç¹ûÄãÓõÄÊÇJqueryµÄAjaxÄÇ¿ÉÒÔÖ±½ÓÉèÖÃcache:false½ûÓûº´æ¡£     3£ºÔÚAjax±à³ÌÐèҪעÒâµÄÊÇContent-Type£¬ÓÐHTML¡¢Text¡¢Json¡¢XML¡¢ScriptµÈ·½Ê½¡£ÎÒÃǺܶàµÄÎ޹ʵĴíÎó¾­³£¾ÍÔÚÕâÀïµÄÉèÖá£ÐèҪעÒâAjaxµÄContent-Type£¬ÒÔ¼°·þÎñ¶ËÊä³öµÄContent-Type¡£»¹ÓоÍÊÇ·þÎñ


Ïà¹ØÎĵµ£º

×î¼òµ¥µÄAjaxÀý×Ó

<input type="button" onclick="ajaxTest()" value="AJAX²âÊÔ">
<input type="button" onclick=" document.getElementById('weather').innerHTML='' " value="Òþ²Ø">
<mce:script type="text/javascript"><!--
// 1. ³õʼ»¯ ÇëÇó ¶ÔÏó
// Mozilla/Firefox 쵀
//var xmlhttp = ne ......

AJAX¼¯³ÉÓÚASP.NET

APS.NETÒ¹»°µÄÀý×Ó¼ÓÔØºó±¨´íÈçÏ£º
System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35´íÎó
Ô­ÒòÊÇδÄܼÓÔØÎļþ»ò³ÌÐò¼¯ system.web.extensions
½â¾ö°ì·¨:
1,Èç¹ûÄãµÄ³ÌÐòÔËÐÐÔÚÄãÄÜ¿ØÖƵķþÎñÆ÷ÉÏ£¬ÄÇô°²×°asp.net ajax¾ÍÐÐÁË£¬ÕâÊÇSystem.Web.ExtensionsµÈdll×öΪGAC² ......

AJAXÖÐÎÄÂÒÂëµÄÁ½ÀàÎÊÌâ½â¾ö·½·¨

1£©·¢ËÍ·¾¶ÖеIJÎÊýÓÐÖÐÎÄ£¬ÔÚ·þÎñÆ÷¶Ë½ÓÊÕ²ÎÊýÖµÊÇÂÒÂë
½â¾ö·½·¨£º
PHP:
·þÎñÆ÷¶Ë£ºiconv("UTF-8","gb2312",$_POST[±äÁ¿Ãû]);
JSP:
¿Í»§¶Ë:
ÀûÓÃjavascriptµÄÌṩµÄescape()»òencodeURI()·½·¨, Àý
var url="a.jsp?name=СÀî"£»
url=encodeURI(url);
url=encodeURI(url); //Á½´Î£¬ºÜ¹Ø¼ü[¾ßÌåΪʲô£¬ÎÒÒ²²»Çå³þ ......

ʹÓÃjQueryʵÏÖAjaxÒì²½Ìá½»±íµ¥ÊµÏÖ¾Ö²¿Ë¢ÐÂ

jQueryѧϰ±Ê¼Ç
Ìá½»form±íµ¥Ö®ºó£¬²»»áË¢ÐÂÒ³Ãæ£¬¶øÊǾֲ¿Ë¢Ð£¬ÓûÌá½»µÄformÖ»ÒªÓÐid¼´¿É
Èç¹ûʹÓÃgetÇëÇó£¬×¢ÒâÖÐÎÄÂÒÂëÎÊÌ⣬jquery»áÏÈʹÓÃiso8859-1½âÂ룬Ȼºó·¢¸ø·þÎñÆ÷£¬Èç¹ûʹÓÃpostÇëÇó£¬ÔòÖ±½Ó½«ÖÐÎÄÄÚÈÝÌá½»¸ø·þÎñÆ÷½âÎö¡£
ʹÓÃjquery-1.4.2.jsºÍjquery.form.js²å¼þ¡£
Èç¹û´´½¨ÐµÄjsÎļþÖУ¬ÐèÒª¼ÓÉÏ
doc ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ