dz̸Ajax¼¼ÊõµÄ·¢Õ¹Ê·
¹úÄÚͨ³£µÄ¶ÁÒôΪ“°¢¼Ö¿Ë˹”ºÍ°¢¼Ö¿Ë˹×ãÇò¶Ó¶ÁÒôÒ»Ñù¡£WebÓ¦ÓõĽ»»¥ÈçFlickr, BackpackºÍGoogleÔÚÕâ·½ÃæÒѾÓÐÖʵķÉÔ¾¡£Õâ¸öÊõÓïÔ´×ÔÃèÊö´Ó»ùÓÚÍøÒ³µÄWebÓ¦Óõ½»ùÓÚÊý¾ÝµÄÓ¦ÓõÄת»»¡£ÔÚ»ùÓÚÊý¾ÝµÄÓ¦ÓÃÖУ¬Óû§ÐèÇóµÄÊý¾ÝÈçÁªÏµÈËÁÐ±í£¬¿ÉÒÔ´Ó¶ÀÁ¢ÓÚʵ¼ÊÍøÒ³µÄ·þÎñ¶ËÈ¡µÃ²¢ÇÒ¿ÉÒÔ±»¶¯Ì¬µØдÈëÍøÒ³ÖУ¬¸ø»ºÂýµÄWebÓ¦ÓÃÌåÑé×Åɫʹ֮Ïñ×ÀÃæÓ¦ÓÃÒ»Ñù¡£ ËäÈ»´ó²¿·Ö¿ª·¢ÈËÔ±ÔÚ¹ýȥʹÓùýXMLHttp»òÕßʹÓÃIframeÀ´¼ÓÔØÊý¾Ý£¬µ«½öµ½ÏÖÔÚÎÒÃDzſ´µ½´«Í³µÄ¿ª·¢ÈËÔ±ºÍ¹«Ë¾¿ªÊ¼²ÉÓÃÕâЩ¼¼Êõ¡£¾ÍÏñеıà³ÌÓïÑÔ»òÄ£ÐÍ°éËæןü¶àµÄÍ´¿à£¬¿ª·¢ÈËÔ±ÐèҪѧϰеļ¼Çɼ°ÈçºÎ×îºÃÀûÓÃÕâЩм¼Êõ¡£
¡¡¡¡AJAXģʽ
¡¡¡¡Ðí¶àÖØÒªµÄ¼¼ÊõºÍAJAX¿ª·¢Ä£Ê½¿ÉÒÔ´ÓÏÖÓеÄ֪ʶÖлñÈ¡¡£ÀýÈ磬ÔÚÒ»¸ö·¢ËÍÇëÇóµ½·þÎñ¶ËµÄÓ¦ÓÃÖУ¬±ØÐë°üº¬ÇëÇó˳Ðò¡¢ÓÅÏȼ¶¡¢³¬Ê±ÏìÓ¦¡¢´íÎó´¦Àí¼°»Øµ÷£¬ÆäÖÐÐí¶àÔªËØÒѾÔÚWeb·þÎñÖаüº¬ÁË£¬¾ÍÏñÏÖÔÚµÄSOA¡£AJAX¿ª·¢ÈËÔ±ÓµÓÐÒ»¸öÍêÕûµÄϵͳ¼Ü¹¹ÖªÊ¶¡£Í¬Ê±£¬Ëæ׿¼ÊõµÄ³ÉÊ컹»áÓÐÐí¶àµØ·½ÐèÒª¸Ä½ø£¬ÌرðÊÇUI²¿·ÖµÄÒ×ÓÃÐÔ¡£
¡¡¡¡AJAX¿ª·¢Ó봫ͳµÄCS¿ª·¢ÓкܴóµÄ²»Í¬¡£ÕâЩ²»Í¬ÒýÈëÁËеıà³ÌÎÊÌ⣬×î´óµÄÎÊÌâÔÚÓÚÒ×ÓÃÐÔ¡£ÓÉÓÚAJAXÒÀÀµä¯ÀÀÆ÷µÄJavaScriptºÍXML£¬ä¯ÀÀÆ÷µÄ¼æÈÝÐÔºÍÖ§³ÖµÄ±ê×¼Ò²±äµÃºÍJavaScriptµÄÔËÐÐʱÐÔÄÜÒ»ÑùÖØÒªÁË¡£ÕâЩÎÊÌâÖеĴ󲿷ÖÀ´Ô´ÓÚä¯ÀÀÆ÷¡¢·þÎñÆ÷ºÍ¼¼ÊõµÄ×éºÏ£¬Òò´Ë±ØÐëÀí½âÈçºÎ²ÅÄÜ×îºÃµÄʹÓÃÕâЩ¼¼Êõ¡£
¡¡¡¡×ۺϸ÷Öֱ仯µÄ¼¼ÊõºÍÇ¿ñîºÏµÄ¿Í»§·þÎñ¶Ë»·¾³£¬AJAXÌá³öÁËÒ»ÖÖеĿª·¢·½Ê½¡£AJAX¿ª·¢ÈËÔ±±ØÐëÀí½â´«Í³µÄMVC¼Ü¹¹£¬ÕâÏÞÖÆÁËÓ¦Óòã´ÎÖ®¼äµÄ±ß½ç¡£Í¬Ê±£¬¿ª·¢ÈËÔ±»¹ÐèÒª¿¼ÂÇCS»·¾³µÄÍⲿºÍʹÓÃAJAX¼¼ÊõÀ´Öض¨ÐÍMVC±ß½ç¡£×îÖØÒªµÄÊÇ£¬AJAX¿ª·¢ÈËÔ±±ØÐë½ûÖ¹ÒÔÒ³Ã漯ºÏµÄ·½Ê½À´¿¼ÂÇWebÓ¦ÓöøÐèÒª½«ÆäÈÏΪÊǵ¥¸öÒ³Ãæ¡£Ò»µ©UIÉè¼ÆÓë·þÎñ¼Ü¹¹Ö®¼äµÄ·¶Î§±»ÑϸñÇø·Ö¿ªÀ´ºó£¬¿ª·¢ÈËÔ±¾ÍÐèÒª¸üкͱ仯µÄ¼¼Êõ¼¯ºÏÁË¡£
¡¡¡¡Ê±¿ÌÏë×ÅÓû§
¡¡¡¡AJAXµÄ×î´ó»úÓöÔÚÓÚÓû§ÌåÑé¡£ÔÚʹӦÓøü¿ìÏìÓ¦ºÍ´´ÐµĹý³ÌÖУ¬¶¨ÒåWebÓ¦ÓõĹæÔòÕýÔÚ±»ÖØд;Òò´Ë¿ª·¢ÈËÔ±±ØÐë¸ü×¢ÖØÓû§¡£ÏÖÔÚÓû§ÒѾÖð½¥Ï°¹ßÈçºÎʹÓÃWebÓ¦ÓÃÁË¡£ÀýÈçÓû§Í¨³£Ï£Íûÿһ´Î°´Å¥µã»÷»áµ¼Ö¼¸ÃëµÄÑÓ³ÙºÍÆÁĻˢУ¬µ«AJAXÕýÔÚ´òÆÆÕâÖÖ³¤Ê±¼äµÄ×´¿ö¡£Òò´ËÓû§ÐèÒªÖØÐÂÌåÑé°´Å¥µã»÷µÄÏìÓ¦ÁË¡£
¡¡¡¡¿ÉÓÃÐÔÊÇAJAXÁîÈ˼¤¶¯µÄµØ·½¶øÇÒÒѾ²úÉúÁ˼¸ÖÖÐÂÓ±µÄ¼¼Êõ¡£ÆäÖÐ×îÒýÈËעĿµÄÊÇÒ»ÖÖ³ÆΪ“»ÆÉ«Òþ³ö”µÄ¼¼Êõ£¬ËûÔÚÊý¾Ý¸üÐÂ֮ǰʱ½«Óû§½çÃæ±äΪ»ÆÉ«£¬
Ïà¹ØÎĵµ£º
ʼþ´¥·¢£º
<input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
¿Í»§¶ËÖ÷Ì壺
//¶¨ÒåÓû§¿Ø¼þIDÈ«¾Ö±äÁ¿
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//Ò³Ãæ¼ÓÔØʱµÄ´¦Àí
function BodyLoad()
{
HideD ......
AJAX¼ò½é
Ò»¡¢AJAXÊÇʲô
ÔÚ´«Í³µÄwebÓ¦ÓÃÖУ¬Óû§ÓëÓ¦ÓõÄÿһ´Î½»»¥£¬¶¼ÊÇÊ×ÏÈÓû§Í¨¹ýä¯ÀÀÆ÷Ïò·þÎñÆ÷¶Ë·¢ËÍÒ»¸ö
ÇëÇ󣬷þÎñÆ÷½âÎöÕâ¸öÇëÇ󣬽«ÏàÓ¦µÄÏìÓ¦ÐÅÏ¢·µ»Ø¸øä¯ÀÀÆ÷¡£ÔÚ·þÎñÆ÷¶ËÒµÎñÂß¼·Ç³£¸´ÔÓ»òÕßÐèÒªºÄʱ½Ï³¤µÄÇé¿öÏ£¬ä¯ÀÀÆ÷µÈ´ýË¢ÐÂʱ£¬Ò³Ãæ¾³£ÊÇһƬ¿Õ
°×£¬Óû§Ö»Äܱ»¶¯µÈ´ý·þÎñÆ÷¶ËÏìÓ¦Íê³É£¬ÔÚ´ËÆÚ¼ ......
ǰ̨×Ô¶¨ÒåͨÓ÷ÖÒ³jquery²å¼þ
(Ò»)¿ò¼Ü:ÓÃjquery+ajax+struts1ʵÏÖ ×Ô¶¯´´½¨ÐкÍÁÐ
³Ö¾Ã²ãÓõÄÊÇabatis.Êý¾Ý¿âÓõÄÊÇMySQL.
(¶þ)sqlMap
shangjia.xmlµÄÅäÖÃÈçÏÂ
<resultMap class="java.util.LinkedHashMap" id="storeMap">
  ......
Ò».ÕªÒª
±¾ÏµÁÐÎÄÕ½«´øÄú½øÈëjQueryµÄ¾«²ÊÊÀ½ç, ÆäÖÐÓкܶà×÷Õß¾ßÌåµÄʹÓþÑéºÍ½â¾ö·½°¸, ¼´Ê¹Äã»áʹÓÃjQueryÒ²ÄÜÔÚÔĶÁÖз¢ÏÖЩÐíÃؼ®.
±¾ÆªÎÄÕ½²½âÈçºÎʹÓÃjQuery·½±ã¿ì½ÝµÄʵÏÖAjax¹¦ÄÜ.ͳһËùÓпª·¢ÈËԱʹÓÃAjaxµÄ·½Ê½.
¶þ.Ç°ÑÔ
AjaxÈÃÓû§Ò³Ãæ·á¸»ÆðÀ´, ÔöÇ¿ÁËÓû§ÌåÑé. ʹÓÃAjaxÊÇËùÓÐWeb¿ª·¢µÄ±ØÐÞ¿Î. ......
jspµÄ´úÂ룺
<%
@ page contentType
=
"
text/html; charset=GBK
"
import
=
"
java.util.*,com.wehave.hyerp.procurement.domain.Cgsqd
"
%>
<%
@ taglib uri
=
"
struts-html
"
prefix
=
" ......