Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

AjaX ¶þ¼¶Áª¶¯

JSP:
¿Î³ÌÃû³Æ:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/options.js"></script>
 <html:select property="icourseId" onchange="change(this)" style="width:180px;">
      <html:option value="0">----ÇëÑ¡ÔñÒÔÏ¿γÌ----</html:option>
      <html:options collection="clist" labelProperty="ccourseName"                    property="icourseId"></html:options>
</html:select>
¿Î³ÌÕ½Ú:
 <select name="ichapterId" id="result" style="width:180px;">
 <option value="">----ÇëÑ¡ÔñÒÔÏÂÕ½Ú----</option>
</select>
******************************************************************************
options.js:
function change(option){
 var opvalue = option.value;
 //ÉèÖÃÓë·þÎñ¶Ë½øÐн»»¥µÄURL(°üÀ¨ÖÐÎÄ´¦Àí)
 var url = "options.do?opvalue="+encodeURI(encodeURI(opvalue));
 url = covertURL(url);
 //Óë·þÎñ¶Ë½øÐн»»¥,²¢ÏÔʾÊý¾Ý
 $.get(url,null,function(data){$("#result").html(data);});
}
//´¦Àí»º´æÎÊÌâ
function covertURL(url){
   var timeURL = (new Date()).valueOf();
   if(url.indexOf("?") >= 0){
       url = url + "&t=" + timeURL;
   }else{
       url = url + "?t=" + timeURL;
   }
   return url;
  }
***************************************************************************
ACTION:
public class OptionsAction extends Action {
 private WebService webservice;
 
 public void setWebservice(WebService webservice) {
  this.webservice = webservice;
 }
 
 public ActionForward execute(ActionMapping mapping, ActionForm form,
   HttpServletRequest request, HttpServletResponse response


Ïà¹ØÎĵµ£º

ajax ¶þ¼¶Áª¶¯

function CreateXmlHttp()
{
if(window.ActiveXObject)
{
try
{
XmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){};

try
{
XmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){};

}
else if(window.XMLHt ......

js/cssÔÚajax UpdatePanel ÖÐûÓÐЧ¹ûµÄ½â¾ö·½·¨

jsûЧ¹û:Èç¹ûÔÚÒÔUpdatePanelµÄ·½Ê½µÄ¾Ö²¿»Ø´«ÖУ¬ÆÕͨµÄJavascript´úÂëÔÚÕâÖÖ¾Ö²¿»Ø´«ÖоͲ»»áÔÚ´¥·¢ÁË£¬¾Í±ØÐëʹÓÃscriptmanager.RegisterClientScript·½·¨£¨ÔÚ<form>ºóÃæ×¢²á<script>£©ºÍscriptmanager.RegisterStartupScript·½·¨£¨ÔÚ</form֮ǰע²á<script>£©
ÔÚÄãµÄÓû§¿Ø¼þµÄºó¶ËµÄij¸öºÏÊÊÎ ......

ÓÃGlassfishºÍNetBeans±àдµÚÒ»¸öAJAX³ÌÐò


By Jason.Huang@sun.COM
,

8/1/07
 
B/S½á¹¹µÄÓ¦ÓÃËÆºõÒѾ­³ÉΪÁËĬÈϵķ½Ê½,´ó¼ÒÿÌ쿪Æô¹Ø±Õ×î¶àµÄÓ¦ÓÃÎÒÏëÓ¦¸ÃÊÇÄúµÄWebä¯ÀÀÆ÷.B/S½á¹¹µÄÓ¦ÓÃ×î´óµÄÓŵã¾ÍÊÇ·½±ã,¿Í»§¶ËʲôҲ
²»ÐèÒª°²×°¾Í¿ÉÒÔʹÓÃÎÒÃǵÄÓ¦ÓÃ.
µ±È»B/S½á¹¹µÄÒ»Ð©ÌØµãÒ²¶Ô»ùÓÚÕâÖÖ·½Ê½Ó¦ÓõĿª·¢ºÍÉè¼Æ²úÉúÁËÓ°Ïì.
×îµäÐ͵ÄÎÊÌâ¾ÍÊÇÿ ......

¶þ¡¢Ð¡ÊÔÉíÊÖ——µÚÒ»¸öAjax³ÌÐò

Ò»¡¢          н¨Ò»¸öAjax_StartµÄÍøÕ¾
 
¶þ¡¢          ÔÚÍøÕ¾ÖÐÌí¼ÓÒ»¸öweb·þÎñ£¨ws_start.asmx£©
ÔÚvs2008ÖУ¬Ìí¼ÓÒ»¸öweb·þÎñÉú³ÉÁËÁ½¸öÎļþ£¬Ò»¸öÊÇasmxÎļþ£¬Ò»¸öÊÇÔÚApp_codeÀïµÄcsÎļþ£»ÎÒ¾õµÃÕâÑù²¢²»ºÃ£¬Ö ......

AJAX¿Ø¼þʹÓý̳Ì

1. Accordion
¡¾¹¦ÄܸÅÊö¡¿Accordion¿ÉÒÔÈÃÄãÉè¼Æ¶à¸öpanel ²¢ÇÒÒ»´ÎÖ»ÏÔʾһ¸öPanel .ÔÚÒ³ÃæÉϵÄÏÔʾЧ¹û¾ÍÏñÊÇʹÓÃÁ˶à¸öCollapsiblePanelsÖ»²»¹ýÿһ´ÎÖ»Õ¹¿ªÆäÖÐÒ»¸ö CollapsiblePanel.Accordion¿Ø¼þÄÚ²¿°üº¬ÁËÈô¸É¸öAccordionPane£¬Ã¿Ò»¸öAccordionPaneµÄ templateÀï°üÀ¨ÁË¶ÔÆäHeaderºÍContentµÄ¶¨Òå¡£ÎÒÃÇ¿ÉÒÔÔÚºǫ́ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ