it167.com  设为主页
 收藏本站
 
  资讯:业界动态 | 软件动态 | 人物专栏 | 安全资讯 | 网络生活 | 电子商务 | 小游戏 | 视频 | 美女图片 | 音乐
  网络编程 | 网站运营 | 网页制作 | 图形图象 | 操作系统 | 媒体动画 | 软件教学 | 网络应用 | 邮件系统 | 网络安全 | 认证考试
asp | .net | php | jsp | Sql | java | Dreamweaver | FrontPages | Javascript | css | Coreldraw | photoshop | Flash | Coreldraw
当前位置: > 主页>网络编程>AJAX>Ajax联动下拉框的实现例子
最新新闻

·机会与整合 边缘化互联
·TOM-Skype新增三大本地
·雅虎抢闸邮箱竞赛 网易
·新浪抢攻北京奥运
·洞悉网络口碑的掘金机会
·拆解网络病毒黑金交易
·木马下载器近期出现新变
·《互联网周刊》第17期文
·Web2.0是否催生自吹自擂
·三张宝宝裸照招来MSN封
热门新闻
·用AJAX技术实现网页无闪
·php+ajax文件上传进度条
·基于css样式绑定的样式
·微软的Ajax库客户端Bug
·关于在AJAX中GET回的Res
·ajax下RegisterClientSc
·通过PHP和Sajax使用Ajax
·AJAX入门之深入理解Java
·MagicAjax.net2.0 框架
·AJAX之xmlHttp
推荐新闻
 
 

Ajax联动下拉框的实现例子 

作者:   来源:it167   点击:   日期:2007-01-01

这是采用ajax技术,刷新是肯定的,是在我们察觉不到的速度完成.XMLHTTP牺牲页面的方法,我们之所以看不见刷新,是因为所有的工作都是在牺牲页面上进行的,里面"翻江倒海"的"折腾",我们看不见,效率上差些!

AjaxPro.dll 下载地址  http://ajaxpro.schwarz-interactive.de/download/ajaxpro.zip

Web.Config
<?xml version="1.0"?>
<configuration>
 <system.web>
      <httpHandlers>
   <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
   <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
  </httpHandlers>
 </system.web>
</configuration>

AjaxTest.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxTest.aspx.cs" Inherits="AjaxTest" %>

<!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 runat="server">
    <title>无标题页</title>

</head>

<body>
<script language="javascript" type="text/javascript">
function areaResult()
{
var area=document.getElementById("DropDownList1");
//alert(area.value);
AjaxTest.GetCityList(area.value,get_city_Result_CallBack);
}
function get_city_Result_CallBack(response)
{
if (response.value != null)
{
  document.all("DropDownList2").length=0;    
  var ds = response.value;
  if(ds != null && typeof(ds) == "object" && ds.Tables != null)
  {
   for(var i=0; i<ds.Tables[0].Rows.length; i++)
  {
   var name=ds.Tables[0].Rows[i].name;
   var id=ds.Tables[0].Rows[i].id;
   document.all("DropDownList2").options.add(new Option(name,id));
  }
  //document.all("TextBox1").value="";  
 }
}
return
}

</script>
  <form id="form1" runat="server">
      &nbsp;&nbsp;
 <asp:DropDownList ID="DropDownList1" runat="server">
        </asp:DropDownList>
        <asp:DropDownList ID="DropDownList2" runat="server">
        </asp:DropDownList>&nbsp;
      <br />
    </form>
</body>
</html>

AjaxTest.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using MeetWeb;
public partial class AjaxTest : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
       AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxTest));
       if (!Page.IsPostBack)
       {
           BindData();

       }
    }
    private void BindData()
    {
        DataSet ds = new DataSet();
          String sql = "Select id,name from test";
          try
          {
              ds = GetDataSet(sql, "test");
              this.DropDownList1.DataSource = ds.Tables[0];
              this.DropDownList1.DataTextField = "name";
              this.DropDownList1.DataValueField = "id";
              this.DropDownList1.DataBind();
              this.DropDownList1.Attributes.Add("onclick", "areaResult();");
          }
          catch (Exception ex)
          {
              Response.Write(ex.Message);
          }
    }

    public static DataSet GetDataSet(string sql,string aa)
    {
        MeetWeb.SqlDataBase a = new MeetWeb.SqlDataBase("server=localhost\\PMSERVER;uid=sa;pwd=sa;database=test");
        DataSet ds = new DataSet();
        ds=a.CreateSet(sql, aa);
        return ds;
    }

    [AjaxPro.AjaxMethod]
    public DataSet GetCityList(int id)
    {
        string sql = "select name from test where id='" + id + "'";
        return GetDataSet(sql,"test");
    }


}



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·微软的Ajax库客户端Bug总结 ·关于在AJAX中GET回的ResponseText中文乱
·基于css样式绑定的样式驱动式AJAX程序开 ·ajax下RegisterClientScriptBlock使用
·php+ajax文件上传进度条 ·通过PHP和Sajax使用Ajax之JavaScript

   文章评论:(0条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:it167  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。