Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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


Ïà¹ØÎĵµ£º

CustomValidator¿Ø¼þ+ajax ʵÏÖ×¢²áʱµÄÒì²½ÑéÖ¤

ÔÚ.netµÄÑéÖ¤¿Ø¼þÖÐÓÐÒ»¸öCustomValidatorÑéÖ¤¿Ø¼þ£¬ÆäÊôÐÔClientValidationFunctionΪ¿Í»§¶Ëº¯Êý£¬ÔÚÐèÒªÑéÖ¤µÄ¿Ø¼þʧȥ½¹µã»òÕßpostÊý¾Ýʱ£¬µ÷Óøú¯Êý¡£
ǰ̨£º
 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomValidatorTest.aspx.cs" Inherits="Web.CustomValidatorTest" %>
<!DO ......

JSONʵÏÖAJAXÎÞˢмÓÔØ

AJAXÖ÷ÒªÓÐÈýÖÖ£º×î¼òµ¥µÄÖ±½Ó¼ÓÔØÕû¸öÍøÒ³£¬È»ºóͨ¹ýinnerHTMLÖ®ÀàµÄ°ì·¨ÏÔʾÔÚÍøÒ³ÉÏ£¬Õâ¸öÏÖÔÚÓÃPrototype.jsµÄAjax.UpdaterÀàÄÜÇá¶øÒ×¾ÙµØÊµÏÖ£»ÁíÒ»ÖÖ×î³£ÓõÄÊǼÓÔØÒ»¸öÖ»°üº¬Êý¾ÝµÄÎļþ£¨±ÈÈçXML£©È»ºóͨ¹ýһϵÁдúÂë´¦ÀíºóÏÔʾ¸øÓû§£»»¹ÓÐÒ»ÖÖÊÇÏñDWR»òPHPRPCÄÇÑùÖ±½Ó°Ñ·þÎñÆ÷¶ËµÄº¯ÊýÉú³É¶ÔÓ¦µÄJS´úÂë¸ø¿Í»§¶Ë£¬¿ ......

AJAX ±í¸ñ×Ö¶ÎÊý¾ÝÅÅÐò£¬µã»÷±íͷÿÁÐÅÅÐò


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/ ......

AJAX¿Ø¼þʹÓý̳Ì

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

»ù±¾µÄajax½Å±¾


var xmlhttp;

function verify()
{
   //2.´´½¨XmlHttpRequest¶ÔÏó
   //ÕâÊÇXmlHttpRequest¶ÔÏóÎå²½ÖÐʹÓÃ×ÔÓµÄÒ»²½
   //ÐèÒªÕë¶ÔIEºÍÆäËûÀàÐ͵Ää¯ÀÀÆ÷½¨Á¢Õâ¸ö¶ÔÏóµÄ²»Í¬·½Ê½Ð´²»Í¬µÄ´úÂë
   if(window.XMLHttpRequest)
   {
  ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ