- Rongsen.Com.Cn 版权所有 2008-2010 京ICP备08007000号 京公海网安备11010802026356号 朝阳网安编号:110105199号
 - 北京黑客防线网安工作室-黑客防线网安服务器维护基地为您提供专业的
服务器维护
,企业网站维护
,网站维护
服务 - (建议采用1024×768分辨率,以达到最佳视觉效果) Powered by 黑客防线网安 ©2009-2010 www.rongsen.com.cn
 
 
    
        作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0 | 
  最近终于有时间研究研究AJAX了.看了一些AJAX的介绍.
  用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX的小例子,和初学者分享一下.
代码下载
  
  <script language="JavaScript" type="text/javascript" >
  <!--
  function goCity()
  {
          var url = "AreaHandler.ashx";
          var father= $F('<%=ddlProvince.ClientID%>')
          var pars = "ddl=province&father=" +father;
          var myAjax = new Ajax.Request(
                      url,
                      {method: 'get', parameters: pars, onComplete: LoadCity}
                      );
            
                  
  }
  function goArea()
  {
      var url = "AreaHandler.ashx";
      
      var father= $F('<%=ddlCity.ClientID%>')
              var pars = "ddl=city&father=" +father;
          var myAjax = new Ajax.Request(
                      url,
                      {method: 'get', parameters: pars, onComplete: LoadArea}
                      );
}
    function LoadCity(originalRequest)
      {
      var result=originalRequest.responseText;
      var ddl=$('<%=ddlCity.ClientID%>')
         FillDropDown(ddl,result);
          if (ddl.length == 0){
          $('<%=ddlArea.ClientID%>').length=0;
         $('<%=ddlArea.ClientID%>').disabled = 1;
         ddl.disabled = 'true';
               }
         else{
     $('<%=ddlArea.ClientID%>').disabled = 0;
         ddl.disabled = 0;
         goArea();
      }
      }
    function LoadArea(originalRequest)
      {
       var result=originalRequest.responseText;
       var ddl=$('<%=ddlArea.ClientID%>')
         FillDropDown(ddl,result);
         
         if (ddl.length == 0)
           ddl.disabled =1;
           esle
           ddl.disabled =0; 
    
         
      }
      
      
     function FillDropDown(objDDL,result ){
        var piArray = result.split(",");
             
       objDDL.length=0;
    for(var i=0;i<piArray.length;i++)
   {
   var ary1 = piArray[i].toString().split("|");
   if (ary1.length >1 )
    objDDL.options.add(new Option(ary1[1].toString(),ary1[0].toString()));
  }
      }
    
  -->
  </script>
http://www.cnblogs.com/rippleyong/archive/2006/12/18/596015.html
| 我要申请本站:N点 | 黑客防线官网 | | 
| 专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479 |