ÎÒµÄ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¡£»¹ÓоÍÊÇ·þÎñ
Ïà¹ØÎĵµ£º
<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 ......
1£©·¢ËÍ·¾¶ÖеIJÎÊýÓÐÖÐÎÄ£¬ÔÚ·þÎñÆ÷¶Ë½ÓÊÕ²ÎÊýÖµÊÇÂÒÂë
½â¾ö·½·¨£º
PHP:
·þÎñÆ÷¶Ë£ºiconv("UTF-8","gb2312",$_POST[±äÁ¿Ãû]);
JSP:
¿Í»§¶Ë:
ÀûÓÃjavascriptµÄÌṩµÄescape()»òencodeURI()·½·¨, Àý
var url="a.jsp?name=СÀî"£»
url=encodeURI(url);
url=encodeURI(url); //Á½´Î£¬ºÜ¹Ø¼ü[¾ßÌåΪʲô£¬ÎÒÒ²²»Çå³þ ......
ÈçÉÏͼËùʾΪ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
ÊÇ
Asynchronous JavaScript and XML
£¨ÒÔ
¼°
DHTML
µÈ£©µÄËõд¡£
Ajax
ÓÉ
HTML
¡¢
JavaScript™
¼¼Êõ¡¢
DHTML
ºÍ
DOM
×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ
Web
½çÃæ×ª»¯³É½»»¥ÐÔµÄ
Ajax
Ó¦ÓóÌÐò¡£
AjaxµÄºËÐÄÊÇJavaScript¶ÔÏó XmlHttpRequest¡£¸Ã¶ÔÏóÔ ......
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:updatepanel ID="UP" runat="server">
<ContentTemplate>
......