Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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ÖÐÎÄÂÒÂëµÄÁ½ÀàÎÊÌâ½â¾ö·½·¨

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

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;}           ......

Ajax Ô­Àí

Ajax
Ö÷
Òª×é³É²¿·Ö
Ajax
ÊÇ
Asynchronous JavaScript and XML
£¨ÒÔ
¼°
DHTML
µÈ£©µÄËõд¡£
Ajax
ÓÉ
HTML
¡¢
JavaScript™
¼¼Êõ¡¢
DHTML
ºÍ
DOM
×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ
Web
½çÃæ×ª»¯³É½»»¥ÐÔµÄ
Ajax
Ó¦ÓóÌÐò¡£
AjaxµÄºËÐÄÊÇJavaScript¶ÔÏó XmlHttpRequest¡£¸Ã¶ÔÏóÔ ......

asp.netÔÚÓÃajaxµÄʱºòÈçºÎµ¯³ö¶Ô»°¿ò


<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    <asp:updatepanel ID="UP" runat="server">
      <ContentTemplate>
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ