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

AJAX技术
AJAX快速入门之HTTP协议基础
使用AJAX的十大理由
用Oracle JDeveloper 10.1.3构建Ajax应用程序
用AJAX+J2EE实现一个网上会议室系统
AJAX在VS2005中的简单应用
用AJAX编写一个简单的相册
利用AJAX技术提高搜索引擎排名
在ASP.NET中使用AJAX的简单方法
AJAX和Web开发新技术:Dynamic Faces
开发保留标准浏览器功能的AJAX应用程序
AJAX编程实践之与服务器通信
AJAX并不神秘:揭密各种AJAX控件和类库
使用AJAX技术构建更优秀的Web应用程序
使用GWT开发AJAX应用程序
为AJAX应用程序构建一个错误提交系统
总结AJAX相关JS代码片段和浏览器模型
全面剖析XMLHttpRequest对象
独立的思想 由AJAX应用引发的深思
一款经典的ajax登录页面 后台asp.net
ajax 调用后台方法大家可以讨论下

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


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