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

AJAX技术
AJAX初级应用-RSS无刷新聚合器的代码与下载
一个封装的Ajax类
pjblog发表评论用的ajaxJS.js
AJAX和JSP实现的基于WEB的文件上传的进度控制代码
AJAX实现仿Google Suggest效果
Baidu Musicbox 用到的ajax代码
[asp]天枫AJAX百度音乐即时听附下载
[asp]天枫AJAX blog V1.0 程序提供下载了
ajax+asp无限级分类树型结构的代码
asp+ajax实现静态页面分页的代码
用ajax实现在单击事件下加载一个DIV层的脚本
AJAX javascript的跨域访问执行
javascript 拖动_cookie_ajax等
Ajax象棋演示和并提供代码下载
仿google搜索提示 SuggestFramework的使用
利用AJAX开源项目 在网页里播放视频实现方法
ajax 服务器文本框自动填值
ajax 数据库中随机读取5条数据动态在页面中刷新
asp.net 全部选中与取消操作,选中后的删除(ajax)实现无刷新效果
javascript Ajax 类实现代码

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 75 ::
收藏到网摘: 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;