Ajax ºÍ XML: ÎåÖÖ³£¼û Ajax ģʽ
Asynchronous JavaScript + XML£¨Ajax£©ÎÞÒÉÊÇ 2006 Äê×îÈÈÃŵļ¼ÊõÊõÓÇÒÓÐÍûÔÚ
2007 µÃµ½½øÒ»²½·¢Õ¹¡£µ«ÊǶÔÄúµÄÓ¦ÓóÌÐòÀ´ËµËü¾¿¾¹ÓÐʲôÒâÒåÄØ£¿Ajax Ó¦ÓóÌÐòÖÐÄÄÒ»ÖÖ³£¼û¼Ü¹¹Ä£Ê½Ó¦ÓÃ×î¹ã·ºÄØ£¿±¾ÎĽ«½éÉÜÎåÖÖ³£¼û
Ajax Éè¼ÆÄ£Ê½£¬¿ÉÒÔʹÓÃËüÃÇ×÷Ϊ¹¤×÷µÄ»ù´¡¡£
µÄÈ·£¬Ajax
ÊÇ Web 2.0
ÈÈÃÅÊõÓËùÓÐÈ˶¼Ï£Íû½«ÆäÓ¦ÓÃÓÚ×Ô¼ºµÄÕ¾µã¡£µ«ÊÇËü¶ÔÎÒÃǾ¿¾¹ÓÐʲôÒâÒ壿¹¤³Ìʦ¸ÃÈçºÎÔڼܹ¹µÄ²ãÃæÉϽ«Æä¼¯³Éµ½×Ô¼ºµÄÕ¾µãÖУ¿ÔÚÕâÆªÎÄÕÂÖУ¬ÎÒ½«½éÉÜ
Ajax µÄ»ù±¾ÖªÊ¶£¬²¢Õ¹Ê¾Ò»Ð©ÒѾ³ÉΪ Web 2.0 ¿ª·¢×î¼Ñʵ¼ùµÄ Ajax Éè¼ÆÄ£Ê½¡£
Çë·ÃÎÊ Ajax ¼¼Êõ×ÊÔ´ÖÐÐÄ
£¬ÕâÊÇÓÐ¹Ø Ajax ±à³ÌÄ£ÐÍÐÅÏ¢µÄһվʽÖÐÐÄ£¬°üÀ¨ºÜ¶àÎĵµ¡¢½Ì³Ì¡¢ÂÛ̳¡¢blog¡¢wiki ºÍÐÂÎÅ¡£ÈκΠAjax µÄÐÂÐÅÏ¢¶¼ÄÜÔÚÕâÀïÕÒµ½¡£
Ê×ÏÈ£¬Ajax
½ö½öÊÇÒ»¸öÉæ¼°Ò»×é¼¼ÊõµÄÊõÓ°üÀ¨ Dynamic HTML£¨DHTML£©ºÍ XMLHTTPRequest
¶ÔÏó¡£DHTML ÓÉÈý¸öÔªËØ×éºÏ¶ø³É£¬ËüÃÇ·Ö±ðÊdz¬Îı¾±ê¼ÇÓïÑÔ£¨Hypertext Markup
Language£¬HTML£©¡¢JavaScript ´úÂëºÍ¼¶ÁªÑùʽ±í£¨Cascading Style Sheet£¬CSS£©¡£ÔÚ Web
Ò³ÃæÊ¹Óà JavaScript ´úÂ룬¿ÉÒÔ¶¯Ì¬µØ¸Ä±äÒ³Ãæ£¬°üÀ¨Ìí¼Ó¡¢É¾³ý»ò¸ü¸ÄÒ³ÃæÄÚÈÝ¡£Õâ¾ÍÊÇ DHTML µÄ¶¯Ì¬
²¿·Ö¡£JavaScript ´úÂëʹÓà XMLHTTPRequest
¶ÔÏóÔÚ¼ÓÔØÒ³ÃæºóÏò·þÎñÆ÷ÇëÇóÊý¾Ý¡£
ÕâÁ½ÖÖÔªËØµÄ×éºÏ —— ´Ó·þÎñÆ÷¶¯Ì¬ÇëÇóÊý¾ÝÈ»ºóʹÓÃÕâЩÊý¾Ý¸ü¸ÄÒ³Ãæ —— ¾ÍÊÇ Ajax
µÄ±¾ÖÊ£¬Ò²ÊÇ Web 2.0 Õ¾µãµÄ¶¯Ì¬ÌØÐÔ¡£
µ«ÕⲢûÓÐÕæÕý¸æËßÄúÈçºÎʵ¼ÊÓ¦ÓÃÕâÐ©ÌØÐÔÒÔ¼°ÈçºÎÔÚÕ¾µãÖÐʹÓÃËüÃÇ¡£Òò´Ë£¬ÐèÒªÒ»×é¼òµ¥µÄÉè¼ÆÄ£Ê½
¡£
Èç¹ûÄú¶ÔÕâ¸öÊõÓï¸Ðµ½Ä°Éú£¬±¾ÎÄÍÆ½éÁËÒ»±¾·Ç³£ÓÅÐãµÄͬÃûÊé¼®£¨²Î¼û ²Î¿¼×ÊÁÏ
£©¡£Õâ±¾ÊéÕë¶Ô¹¤³Ìʦ¾³£Ãæ¶ÔµÄÈÎÎñÌṩÁËÒ»×éʵÏÖģʽ¡£Ëü²»½öÌṩÁËÉè¼ÆÏµÍ³µÄ×î¼Ñʵ¼ù£¬»¹½éÉÜÁ˹¤³Ìʦ̸ÂÛ´úÂëʱÓõ½µÄÊõÓï¡£
±¾ÎĽéÉÜÁËÎåÖÖ³£¼û Ajax Éè¼ÆÄ£Ê½¡£ËüÃÇÔÚʹÓà HTML¡¢XML ºÍ JavaScript ´úÂë´Ó·þÎñÆ÷»ñÈ¡Êý¾Ý·½ÃæÓÐËù²»Í¬¡£ÎÒÏȽéÉÜ×î¼òµ¥µÄģʽ£¬Ëü½«Ê¹ÓÃÀ´×Ô·þÎñÆ÷µÄРHTML Ò³ÃæÀ´¸üÐÂÒ³Ãæ¡£
ģʽ 1. Ìæ»» HTML Ƭ¶Î
×î³£¼ûµÄ Ajax ÈÎÎñÒ²Ðí¾ÍÊÇÏò·þÎñÆ÷ÇëÇó¸üÐ嵀 HTML ²¢Ê¹ÓÃËü¸üв¿·ÖÒ³Ãæ¡£¿ÉÄÜÐèÒªÖÜÆÚÐÔµØÍê³ÉÕâÒ»ÈÎÎñ —— ±ÈÈ磬¸üйÉÊб¨¼Û¡£Ò²¿ÉÄÜÒª°´Ðè¸üР—— ±ÈÈ磬¶ÔËÑË÷ÇëÇó½øÐÐÏìÓ¦¡£
Çåµ¥ 1
ÖеĴúÂë´Ó·þÎñÆ÷ÇëÇóÒ»¸öÒ³ÃæÈ»ºó½«ÄÚÈÝ·ÅÈëÒ³ÃæÖ÷ÌåµÄ <div>
Ïà¹ØÎĵµ£º
Dom4JÊÇÒ»¸ö¿ªÔ´µÄÓÅÐãµÄXML½âÎöAPI£¬ÏÖÔÚÔ½À´Ô½¶àµÄÏîÄ¿ÖпªÊ¼²ÉÓÃÕâÖÖ½âÎö·½Ê½£¬ÆäÖаüº¬ÁËÖøÃûµÄHibernate¡£ÕâÀïÎÒÃÇʹÓÃDom4J½âÎöÒ»¸ö´øÃüÃû¿Õ¼äµÄCXFµÄSpringÅäÖÃÎļþ¡£Ïȵ¼Èëdom4j-1.6.1.jar
spring ÅäÖÃÎļþ applicationContext-cxf.xml:
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns=" ......
½ñÌìÙ¡ÀÏʦ½ÌÎÒÃÇʹÓÃajax¼¼ÊõÀ´Íê³ÉÊý¾Ý¿â¼¶Áª²éѯµÄÒ»¸öСÏîÄ¿£¬¿ÎÏÂÎÒ¶ÔÕâ¸öÏîÄ¿×öÁËÒÔϱʼǣº
AjaxСÏîÄ¿£ºÊ¹Óõļ¼Êõ£ºc3p0Á¬½Ó³Ø¡¢struts£¬jquery¼°Æä²å¼þ¡¢dbutil
a) ²½Ö裺ÅäÖÃc3p0µÄÊý¾Ý¿âÁ¬½Ó³Ø,µ¼Èëjar°ü£¬µ¼ÈëoracleÇý¶¯£¬
b) Ìí ......
xmlHttpÐÎʽµÄAjax£ºXmlHttpÐÎʽµÄAjax IBM¼¼ÊõÎĵµ¿â
ÒÔÏÂÊÇÀûÓÃÒþ²ØiframeʵÏÖµÄajax:
index.htm
<html>
<head>
</head>
<body>
<iframe id="testFrame" frameborder="0" style="width:0px; height:0px;">
</ifra ......
¼ÓÔØÍⲿµÄXMLÎļþ£¬ÎļþÃûÊÇ1.xml;
<?xml version="1.0" encoding="utf-8"?>
<website>
<name a="Ãû×Ö1">ÖÜС´¨1</name>
<name a="Ãû×Ö2">ÖÜС´¨2</name>
<name a="Ãû×Ö3">ÖÜС´¨3</name>
<name a="Ãû×Ö4">ÖÜС´¨4</name>
<name a="Ãû×Ö5"> ......
ǰÑÔ
×î½ü³¢ÊÔÔÚGoogle App Engine£¨GAE£©Æ½Ì¨ÉϹ¹½¨Ò»¸öblog£¬Ä¿Ç°½ø¶ÈÒѾÍê³É½«½ü50%£¬ÆäÖÐCssºÍDIV²¼¾ÖÕÛÌÚµÃÎÒ¹»Çº£¬¶ÔUIÒ»ÏòÊǸöÍâÐУ¬É«¸ÐÄÃÄóʵÔÚûÆ×£¬Ö»ºÃ·ÂÔìWordpressÁË--_--||£»
ΪºÎ²ÉÓÃAJAX£º
»Ø¸´ÊÇÔÚblogÎÄÕÂÔĶÁÖеÄÒ»¸ö³£¼ûµÄ¹¦ÄÜ£¬ÈçCSDNµÄ»Ø¸´µÈµÈ£¬µ«ÊÇÒòΪ»Ø¸´ÄÚÈݲ»¶à£¬ÉõÖÁ´ó¶àÊýʱ¼äÓ ......