当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > 利用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX例子

AJAX技术
Ajax并不神秘:揭下各种Ajax控件和类库的小裤衩
AJAX技术基础介绍
浏览器跨域获取Lrc歌词数据的解决办法
Ajax Hacks chm文件与源代码 下载
AJAX在Post中文的时候乱码的解决方法
Ajax中要注意的问题
ajax+php中文乱码解决办法
建一个XMLHttpRequest对象池
[js]轻便的XMLHttpRequest应用函数:downloadUrl()
Ajax 无刷新在注册用户名时的应用的代码
发现个AJAX图片浏览器SIMPLEVIEWER
AJAX中同时发送多个请求XMLHttpRequest对象处理方法
Ajax实现无刷新三联动下拉框
Ajax in action 英文版配书源码 下载
ajax视频课件 在线观看地址
强烈推荐 - Ajax 技术资源中心
DWR util.js 学习笔记 整理
Ajax案例集下载:新增分页查询案例(包括《Ajax开发精要》中的两个综合案例) 下载
.NET2.0环境下的Ajax选型和应用(提供Demo源码下载)
AJAX防止页面缓存的代码

AJAX技术 中的 利用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX例子


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 88 ::
收藏到网摘: n/a

 
最近终于有时间研究研究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;