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¶ÔÏ󡣿ͻ§¶ËÄܹ»Ô
Ïà¹ØÎĵµ£º
AJAX×Ô´ÓÒý½øÁËTab£¬×ÅʵÈÃÎÒ¿ªÐÄÁËÒ»·¬¡£µ«ÊÇ£¬ÔÚµ÷ÕûTabµÄÑùʽµÄʱºò£¬Ò²×ÅʵÈÃÎÒ³ÔÁËÒ»¾ª¡£
ÓÚÊÇ£¬±§×ÅûÓÐÀ§ÄÑÒ²ÒªÖÆÔìÀ§ÄѵÄÔÔò£¬¿ªÊ¼ÁËÕ÷;£º
°´ÕÕTab×÷ÕßRonald BucktonËù˵£¬TabµÄCSS°üº¬Èçϼ¸¸öÀࣺ
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......
¸Õ¿ªÊ¼Ñ§Ajax£¬¿´µ½ºÜ¶àÍøÉϵĴúÂ붼ÓÃGet·½·¨Ìá½»²ÎÊý£¬TomcatĬÈÏISO±àÂëʵÔÚÊÇÈÃÈËÍ·Í´£¬¶Ô¸¶ÂÒÂëÎÒ¶¼ÊÇÓùýÂËÆ÷×ö×Ö·û±àÂë¹ýÂ˵ģ¬Get·½·¨¹ýÂËÆ÷¼àÌý²»µ½£¬ËùÒÔÎÒһֱϲ»¶Ê¹ÓÃPost·½·¨£¬ÏÂÃæ¶ÔAjax GetºÍPost·½·¨×öÒ»¶Ô±È
GET£º
view plaincopy to clipboardprint?
<mce:script type="text/javascript"><!- ......
/*ÔÚÓÐÖÐÎIJÎÊýʱ,½ÓÊÕ·½ÐèҪʹÓÃUTF-8·½Ê½¶ÔÊý¾Ý½øÐнâÂë
*²»Ö§³Öpost¸½¼þ
*/
function getXmlHttpRequest() {
var xmlHttpRequest = null;
try {
xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
} ......
ʹÓÃÔʼµÄXMLHttpRequest·¢³öÇëÇóʱ,Ö»ÄܶÔServletºÍJSP²Ù×÷
ÔÚJSPÖд´½¨3¸öfunction
1.createXmlHttpRequest----¸ºÔðÅжÏä¯ÀÀÆ÷ÀàÐÍ´´½¨ XMLHttpRequest¶ÔÏó
var xmlHttpRequest;
function createXMLHttpRequest(){
// IE ä¯ÀÀÆ÷
if(window.ActiveXObject){
&nbs ......
ÎҵĴºÇï³ÕÃεڶþ²½£º
дһ¸ö ͨÓÃµÄ ¶ÔÏó ÁÐ±í £¬»¹ °üº¬ ËÑË÷ºÍ ÊôÐÔ¹ýÂË¡£
¾ßÌåµÄЧ¹ûÊÇ£º
µ±Ð ҵÎñ Ìí¼ÓÒ»¸ö ±íµÄʱºò£¬Ö»ÐèÒªÔÚ ¶ÔÏóÄ£ÐÍÀïµÄ Ìí¼ÓÒ»¸ö model
ºǫ́¼¸ºõ²»Ðèд´úÂë¡£
(ÎÒÊǺǫ́£º¼¤¶¯ÈËÐÄ£¡)
µ÷ÓõĶÔÏ󣬵ڼ¸Ò³£¬ÊôÐ﵀ ¹ýÂË ºÍËÑË÷È«ÊÇ Ç°Ì¨µÄAjax²ÎÊý¿ØÖÆ
(ÎÒÊÇǰ̨£º#$!@#$%$^#$% ......