ajax ¼æÈÝÐÔÎÊÌâ½â¾ö ¼¯½õ
ÕâÁ½Ìì¸Õ½â¾öÁËajax¶àä¯ÀÀÆ÷¼æÈݵÄÎÊÌ⣬Ö÷Òª¾ÍÕë¶ÔFirefoxµÄ£¬¿ªÊ¼»¹ÒÔΪFirefox²»Ö§³ÖajaxÄØ£¨±ðЦÎÒѽ£¬²»ÔõôÁ˽âFirefoxҲûÓùý£¬ºÇºÇ£©£¬¶à¿÷¿´ÁËÏÂÃæµÄÎÄÕ²ÅÈÃÎÒÁ˽âajaxµÄÊÊÓ÷¶Î§¡£ÆäʵֻҪ·ûºÏw3cµÄ±ê×¼¾Í¿ÉÒÔÔÚFirefoxµÈÕâЩä¯ÀÀÆ÷ÉÏÕý³£ÏÔʾ£¬ËùÒÔ»¹ÊÇÓ¦¸ÃºÃºÃÁ˽âÒ»ÏÂw3cµÄ±ê×¼¹æÔòѽ¡£²»¹ýÒª½â¾öÑÛǰµÄ¼æÈÝÎÊÌâÊ×ÏÈ×¢ÒâÒÔϼ¸µã£º£¨Õâ¸öÒ²ÊÇÍøÉÏÕÒÀ´µÄ£©1,document.getElementByIdÌæ´údocument.all£¨ieÊÊÓã©
2,¼¯ºÏ[]Ìæ´ú()£¨ieÊÊÓã©
3,targetÌæ´úsrcElement;parentNodeÌæ´úparentElement£¨parentNode ieÊÊÓã©
4,node.parentNode.removeChild(node)Ìæ´úremoveNode(this)£¨ieÊÊÓã©
5,DOMMouseScrollÌæ´úonmousewheel;-e.detailÌæ´úevent.wheelDelta
6,addEventListenerÌæ´úattachEvent;removeEventListenerÌæ´údetachEvent
7e.preventDefault()Ìæ´úevent.returnValue=false;e.stopPropagation()Ìæ´úevent.cancelBubble=true
8,style.top¡¢style.leftµÈÑϸñ¼ì²é"px"µ¥Î»£¨¼Ó"px" ieÊÊÓã©
9,style="-moz-opacity:0.9"Ìæ´ústyle="filter:alpha(opacity=90)";ÎÞÆäËüfilter
10,style.cursor="pointer"Ìæ´ústyle.cursor="hand"£¨ieÊÊÓã©
11,titleÌæ´úalt£¨ieÊÊÓã©12.ËùÓеĿռäÔÚÒýÓÃʱ¶¼ÒªÕâÑùÒýÓãºdocument.getElementById£¨“XX”£©¡£
×¢:±êÃ÷“ieÊÊÓÔÕßΪͨÓÃÐÔ½¨Òéд·¨,δ±êÃ÷ÕßÔÚieÀï²»ÊÊÓᣠÏÂÃæ¾ÍÊÇÎÒ¿´µÄÄǸö¹ØÓÚajaxµÄÎÄÕºÜÓÐÓÃû¿´µ½×÷Õߣ¬µ«ÎÞÂÛÈçºÎ¸ÐлÎÄÕÂ×÷Õß¡£——————————————————————————————¼ò½é¡¡¡¡Òì²½JavaScript£«XML£¨¼´Ajax£©£¬ÊÇÒ»ÖÖ´´½¨½»»¥Ê½webÓ¦ÓóÌÐòµÄWeb¿ª·¢¼¼Êõ¡£ÕâÖÖ³ÌÐòʹÓÃJavaScriptºÍXML´Ó¿Í»§¶ËÌá½»·þÎñÆ÷ÇëÇó£¬ÇÒÕû¸ö¹ý³ÌÖнöÐèÒª½»»»ÉÙÁ¿µÄÊý¾Ý¶ø²»±ØÌá½»Õû¸öwebÒ³Ãæ¡£Òò´Ë£¬ÕâÑùµÄ³ÌÐò½«¸ü¿ìºÍ¸ü¾ßÏìÓ¦ÐÔ£¬²¢½«³ÉΪÐÂÒ»´ú¿Í»§»ú-·þÎñÆ÷ϵͳµÄÖØÒª»ù´¡¼¼ÊõÖ®Ò»¡£Äã¿ÉÒÔÔÚÕ¾µãhttp://www.google.com/webhp?complete=1&hl=en´¦¿´µ½Ò»ÖÖÁ¼ºÃµÄAJAXʵ¼ù¼¼Êõչʾ¡£ÔÚ´ËÒ³ÃæÖУ¬Èç¹ûÄã°ÑÈκÎ×ÖĸÊäÈëµ½Îı¾¿òÄÚ£¬ÄÇÃ´Ëæºó¾Í»á³öÏÖÒ»¸öÏÂÀÁбí¿ò£¬ÆäÖеÄÄÚÈÝÖ±½ÓÀ´×ÔÓÚ·þÎñÆ÷¶ø²»±ØÌá½»Õû¸öÒ³Ãæ¡£AJAXµÄºËÐÄÊÇXMLHttpRequest¶ÔÏ󡣿ͻ§¶ËÄܹ»Ô
Ïà¹ØÎĵµ£º
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¡£¸Ã¶ÔÏóÔ ......
¸Õ¿ªÊ¼Ñ§Ajax£¬¿´µ½ºÜ¶àÍøÉϵĴúÂë¶¼ÓÃGet·½·¨Ìá½»²ÎÊý£¬TomcatĬÈÏISO±àÂëʵÔÚÊÇÈÃÈËÍ·Í´£¬¶Ô¸¶ÂÒÂëÎÒ¶¼ÊÇÓùýÂËÆ÷×ö×Ö·û±àÂë¹ýÂ˵ģ¬Get·½·¨¹ýÂËÆ÷¼àÌý²»µ½£¬ËùÒÔÎÒһֱϲ»¶Ê¹ÓÃPost·½·¨£¬ÏÂÃæ¶ÔAjax GetºÍPost·½·¨×öÒ»¶Ô±È
GET£º
view plaincopy to clipboardprint?
<mce:script type="text/javascript"><!- ......
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1ÊÇupdatepanelµÄid
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1ÊÇupdatepanelµÄid
......