Web¿ª·¢Õß²»»á×¢Òâµ½ÓÉ “AJAX(Asynchronous JavaScript And
XML)”Ëù´øÀ´µÄ¼¤Çé¡£²»·ÑÁ¦Æø¾ÍÄÜ´´½¨ÏñGoogle
SuggestÄÇÑùµÄÖÇÄÜÍøÕ¾»òÕßÏñGmailÄÇÑù»ùÓÚWebµÄÓ¦ÓóÌÐò£¬ÕâÔںܴó³Ì¶ÈÉÏÒª¹é¹¦ÓÚÕâÖÖ¼¼Êõ¡£È»¶ø£¬°éËæ×ÅAJAXÓ¦ÓóÌÐòµÄ·¢Õ¹£¬ÎÒÃÇ·¢
ÏÖÁËËüµÄһЩ²»×ãÖ®´¦£¬ÎÒÃÇ·¢ÏÖËüµÄ°²È«Â©¶´Ò²ÔÚÖð½¥±ä´ó£¬¾ÍÏñÂýÂýµØ°Ñ»ùÓÚAJAXµÄÕ¾µã·ÅÈëÁËÒ»¿Å¶¨Ê±Õ¨µ¯ÖС£
AJAXµÄºÃ´¦
ÔÚµ±Äê“WebÓ¦ÓóÌÐò”µÄÃÀºÃʱ´ú£¬ÊÂÇé·Ç³£¼òµ¥¡£ÄãÌîдÁËÒ»¸ö±íµ¥£¬µã»÷“Ìá½»”°´Å¥£¬È»ºóµ±Ç°ÆÁÄ»¾ÍÏûʧÁË£¬µÈ´ýһС»á¶ùºóÄã¾ÍתÈëµ½ÁËÏÂÒ»¸öÒ³Ãæ¡£½ñÌìµÄ×´¿öÒѾ²»ÊÇÕâÑùµÄÁË£¬Óû§ÐèÒªµÄÊÇÒ»ÖÖ¾ÍÏñÈκÎ×ÀÃæÓ¦ÓóÌÐòÄÇÑùÁ÷³©¡¢¿ì½ÝºÍÈËÐÔ»¯µÄWebÌåÑé¡£
AJAX¾³£ÊǺÍDHTML(Dynamic
HTML)Ò»ÆðÐ×÷µÄ£¬ËüµÄ˳ÀûÖ´ÐÐÐèÒªÔÊÐíÍøÒ³ÖеÄJavaScript´úÂëºÍweb·þÎñÆ÷ÔÚºǫ́ÎÞ·ìͨѶ¡£±È·½Ëµ£¬µ±Ä㿪ʼÔÚGoogle
SuggestµÄËÑË÷¿òÖÐÊäÈë¶«Î÷ʱ£¬webÒ³Ãæ¾ÍºÍ·þÎñÆ÷ÔÚºǫ́¿ªÊ¼½»»»Êý¾Ý£¬È»ºó»á¸ø³öһЩÄã¿ÉÄÜÐèÒªµÄ´ÊÌõµÈ¡£ËùÓеÄÕâÒ»Çж¼²»ÐèÒªÒ³ÃæË¢Ð»òÕß°´
ÏÂÈκΰ´Å¥¡£Í¬ÑùÕâÒ²¾ÍÊÇÏñGmailÄÇÑùµÄÓ¦ÓóÌÐòÔõôÄܶÔʵʱƴд¼ì²é×öµÄÄÇôºÃµÄÔÒò¡£
AJAXÔõÑù¹¤×÷
AJAX¸ ......
ÏîÄ¿ÖÐÏëÓÃajax£¬ÓÚÊÇÔÚÍøÉϰÇÁËn¶à×ÊÁÏ£¬·¸ÁËn¶à´íÎ󣬴ӽñÌìÉϰൽÏÖÔÚÒ»Ö±ÔÚ´¦ÀíÕâ¸öÎÊÌ⣬ÖÕÓÚ»¹ÊǰÑËü½â¾öÁË¡£
µ±ÎÒ¿´µ½Ò³ÃæµÄajaxÏÔʾºó£¬ÎÒÐË·ÜÒì³££¬ÎªÁ˼Ǽ×Ô¼ºÑ§Ï°µÄajaxÀú³Ì£¬Ò²ÎªÁËÈøü¶àµÄÈËÉÙ×ßÍä·£¬ÌØÐ´´ËÒ»ÎÄÒÔ¼ÇÖ®£¡
·Ï»°²»ËµÁË£¬ÎªÁ˸üºÃµÄÀí½â£¬ÎÒÖØ×öÁËÒ»¸öСµÄÏîÄ¿£¬ÒÔ¼ÓÉîÓ¡Ïó¡£ÏÖÔÚ¾ÍÒÔÕâ¸öСÏîÄ¿¿ªÊ¼ÎÒÃǵÄajaxÖ®Âá£
µÚÒ»²½£º´´½¨ ÃûΪ"ajax" µÄ Java WebÏîÄ¿¡£
µÚ¶þ²½£º¼ÓÈëstruts2µÄjar°ü£¬ÕâÀïÐèÒªËĸö°ü freemarker.jar ognl.jar struts2-core.jar commons-fileupload.jar commons-io.jar xwork-core-2.1.6.jar£¨Õâ¸ö°ü¼ÓÉϰ汾ºÅ£¬ÊÇÒòΪÏÂÎÄÒªÌáµ½Ëü£©£¬ÕâÁù¸ö°üÊÇstruts±ØÐëÒÀÀµµÄjar°ü£¬Ê²Ã´ºÃ˵µÄ¡£
µÚÈý²½£ºÐÞ¸Ä web.xml ¼ÓÈë strutsµÄ¹ýÂËÆ÷£¬´úÂëÈçÏ£º
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-ap ......
ajax¿çÓòºÍJSµÄ¿çÓòͨÐÅ(Cross The Site)µÄ¼¸ÖÖ½â¾ö·½°¸
×î½ü×öµÄÒ»¸öÏîÄ¿ÖÐÐèÒªajax¿çÓòÈ¡µÃÊý¾Ý,Èç¹ûÊÇÔÚ±¾ÓòÖÐȷʵûÓÐÎÊÌ⣬µ«ÊǷŵ½¶þ¼¶ÓòºÍÆäËûÓòÏÂä¯ÀÀÆ÷Ö±½Ó¾Íµ¯³öÌáʾ¿ò:“¸ÃÒ³ÕýÔÚ
1.ʲôÒýÆðÁËajax¿çÓò²»ÄܵÄÎÊÌâ
ajax±¾Éíʵ¼ÊÉÏÊÇͨ¹ýXMLHttpRequest¶ÔÏóÀ´½øÐÐÊý¾ÝµÄ½»»¥£¬¶øä¯ÀÀÆ÷³öÓÚ°²È«¿¼ÂÇ£¬²»ÔÊÐíjs´úÂë½øÐпçÓò²Ù×÷£¬ËùÒԻᾯ¸æ¡£
2.ÓÐʲôÍêÃÀµÄ½â¾ö·½°¸Ã´£¿
ûÓС£½â¾ö·½°¸Óв»ÉÙ£¬µ«ÊÇÖ»ÄÜÊǸù¾Ý×Ô¼ºµÄʵ¼ÊÇé¿öÀ´Ñ¡Ôñ¡£
¾ßÌåÇé¿öÓÐ:
Ò»¡¢±¾ÓòºÍ×ÓÓòµÄÏ໥·ÃÎÊ: www.aa.com
ºÍbook.aa.com
¶þ¡¢±¾ÓòºÍÆäËûÓòµÄÏ໥·ÃÎÊ: www.aa.com
ºÍwww.bb.com
ÓÃ iframe
Èý¡¢±¾ÓòºÍÆäËûÓòµÄÏ໥·ÃÎÊ: www.aa.com
ºÍwww.bb.com
ÓÃ XMLHttpRequest·ÃÎÊ´úÀí
ËÄ¡¢±¾ÓòºÍÆäËûÓòµÄÏ໥·ÃÎÊ: www.aa.com
ºÍwww.bb.com
Óà JS´´½¨¶¯Ì¬½Å±¾
½â¾ö·½·¨£º
Ò»¡¢Èç¹ûÏë×öµ½Êý¾ÝµÄ½»»¥£¬ÄÇôwww.aa.com
ºÍbook.aa.com±ØÐëÓÉÄãÀ´¿ª·¢²Å¿ÉÒÔ¡£¿ÉÒÔ½«book.aa.comÓÃiframeÌí¼Óµ½www.aa.com
µÄij¸öÒ³ÃæÏÂ,ÔÚwww.aa.com
ºÍiframeÀïÃæ¶¼¼ÓÉÏdocument.domain = "aa.com"£¬ÕâÑù¾Í¿ÉÒÔͳһÓòÁË£¬¿ÉÒÔʵÏÖ¿çÓò·ÃÎÊ¡£¾ÍºÍƽʱͬһ¸öÓò ......
http://www.longboo.com/
·ÖÒ³
http://www.longboo.com/Samples/linb/widgets/TreeGrid.Paging/index.html
Êý¾Ý¿â²éѯ¹¤¾ß
http://www.longboo.com/Samples/comb/OrderManagement/index.html
email¹¤¾ß
http://www.longboo.com/Samples/comb/OutLook/index.html
Íøµê
http://www.longboo.com/Samples/linb/Template/gallery2.html ......
AJAX±íµ¥Ìá½»·½·¨£¨JSON£©
1./*****JAVA**************************************************************/
JAVAÀàÖУº
/*****JAVA**************************************************************/
2./*****struts.xml**************************************************************/
struts.xmlÎļþÖУº
<action name="moveMailBox" class="mailBodyAction" method="moveMailBox">
<result type="json">
<param name="root">ajaxReturnMessage</param>
</result>
</action>
/*****struts.xml**************************************************************/
var param = "workNos="+workNos+"&radio1="+radio1+"&question1="+question1+"&radio2="+radio2+"&question2="+question2+"&radio3="+radio3+"&question3="+question3;
//ÒÔÏÂÊÇÒ»post·½·¨Ìá½»
Ext.Ajax.request({
&n ......
½ñÌìÎÒѧϰÁËÙ¡ÀÏʦ½²µÄajaxµÄ֪ʶ£º
Ò»¡¢ Ajax
a) ÔÊÐíä¯ÀÀÆ÷Óë·þÎñÆ÷ͨÐŶøÎÞÐëˢе±Ç°Ò³ÃæµÄ¼¼Êõ¶¼±»½Ð×öAjax¡£Êý¾ÝÔÚ¿Í»§¶ËÓë·þÎñÆ÷Ö®¼ä¶ÀÁ¢´«Êä¡£·þÎñÆ÷²»ÔÙ·µ»ØÕû¸öÒ³Ãæ
b) XMLHttpRequest£º¸Ã¶ÔÏóÊÇ¶Ô JavaScript µÄÒ»¸öÀ©Õ¹£¬¿ÉÊ¹ÍøÒ³Óë·þÎñÆ÷½øÐÐͨÐÅ¡£ÊÇ´´½¨ Ajax Ó¦ÓõÄ×î¼ÑÑ¡Ôñ¡£Êµ¼ÊÉÏͨ³£°Ñ Ajax µ±³É XMLHttpRequest ¶ÔÏóµÄ´úÃû´Ê
¶þ¡¢ Ajax¹¤¾ß°ü
a) Ajax²¢²»ÊÇÒ»Ïîм¼Êõ£¬Ëüʵ¼ÊÉÏÊǼ¸ÖÖ¼¼Êõ£¬Ã¿ÖÖ¼¼Êõ¸÷¾¡ÆäÖ°£¬ÒÔÒ»ÖÖȫеķ½Ê½¾ÛºÏÔÚÒ»Æð
b) ·þÎñÆ÷¶ËÓïÑÔ£º·þÎñÆ÷ÐèÒª¾ß±¸Ïòä¯ÀÀÆ÷·¢ËÍÌØ¶¨ÐÅÏ¢µÄÄÜÁ¦¡£AjaxÓë·þÎñÆ÷¶ËÓïÑÔÎ޹ء£
c) XML (eXtensible Markup Language£¬¿ÉÀ©Õ¹±ê¼ÇÓïÑÔ) ÊÇÒ»ÖÖÃèÊöÊý¾ÝµÄ¸ñʽ¡£Aajx ³ÌÐòÐèҪijÖÖ¸ñʽ»¯µÄ¸ñʽÀ´ÔÚ·þÎñÆ÷ºÍ¿Í»§¶ËÖ®¼ä´«µÝÐÅÏ¢£¬XML ÊÇÆäÖеÄÒ»ÖÖÑ¡Ôñ
d) XHTML£¨eXtended Hypertext Markup ......
½ñÌìÎÒѧϰÁËÙ¡ÀÏʦ½²µÄajaxµÄ֪ʶ£º
Ò»¡¢ Ajax
a) ÔÊÐíä¯ÀÀÆ÷Óë·þÎñÆ÷ͨÐŶøÎÞÐëˢе±Ç°Ò³ÃæµÄ¼¼Êõ¶¼±»½Ð×öAjax¡£Êý¾ÝÔÚ¿Í»§¶ËÓë·þÎñÆ÷Ö®¼ä¶ÀÁ¢´«Êä¡£·þÎñÆ÷²»ÔÙ·µ»ØÕû¸öÒ³Ãæ
b) XMLHttpRequest£º¸Ã¶ÔÏóÊÇ¶Ô JavaScript µÄÒ»¸öÀ©Õ¹£¬¿ÉÊ¹ÍøÒ³Óë·þÎñÆ÷½øÐÐͨÐÅ¡£ÊÇ´´½¨ Ajax Ó¦ÓõÄ×î¼ÑÑ¡Ôñ¡£Êµ¼ÊÉÏͨ³£°Ñ Ajax µ±³É XMLHttpRequest ¶ÔÏóµÄ´úÃû´Ê
¶þ¡¢ Ajax¹¤¾ß°ü
a) Ajax²¢²»ÊÇÒ»Ïîм¼Êõ£¬Ëüʵ¼ÊÉÏÊǼ¸ÖÖ¼¼Êõ£¬Ã¿ÖÖ¼¼Êõ¸÷¾¡ÆäÖ°£¬ÒÔÒ»ÖÖȫеķ½Ê½¾ÛºÏÔÚÒ»Æð
b) ·þÎñÆ÷¶ËÓïÑÔ£º·þÎñÆ÷ÐèÒª¾ß±¸Ïòä¯ÀÀÆ÷·¢ËÍÌØ¶¨ÐÅÏ¢µÄÄÜÁ¦¡£AjaxÓë·þÎñÆ÷¶ËÓïÑÔÎ޹ء£
c) XML (eXtensible Markup Language£¬¿ÉÀ©Õ¹±ê¼ÇÓïÑÔ) ÊÇÒ»ÖÖÃèÊöÊý¾ÝµÄ¸ñʽ¡£Aajx ³ÌÐòÐèҪijÖÖ¸ñʽ»¯µÄ¸ñʽÀ´ÔÚ·þÎñÆ÷ºÍ¿Í»§¶ËÖ®¼ä´«µÝÐÅÏ¢£¬XML ÊÇÆäÖеÄÒ»ÖÖÑ¡Ôñ
d) XHTML£¨eXtended Hypertext Markup ......