一个用webservice behavior实现的三级联动下拉列表框
我做了一个三级联动的下拉列表框，后台用webservice,前台用webservice behavior与后台通讯。请高手们多提改进意见。
server端：（service1.asmx.cs)
usingSystem;
usingSystem.Text;
usingSystem.Configuration;
usingSystem.Collections;
usingSystem.ComponentModel;
usingSystem.Data;
usingSystem.Data.SqlClient;
usingSystem.Diagnostics;
usingSystem.Web;
usingSystem.Web.Services;
namespaceWebService1
...{
/**////<summary>
///SummarydescriptionforService1.
///</summary>
publicclassService1:System.Web.Services.WebService
...{
SqlConnectioncon;
publicService1()
...{
//CODEGEN:ThiscallisrequiredbytheASP.NETWebServicesDesigner
InitializeComponent();
}
ComponentDesignergeneratedcode#regionComponentDesignergeneratedcode
/**////<summary>
///RequiredmethodforDesignersupport-donotmodify
///thecontentsofthismethodwiththecodeeditor.
///</summary>
privatevoidInitializeComponent()
...{
stringdsn=ConfigurationSettings.AppSettings["yitong"];
con=newSqlConnection(dsn);
}
#endregion
/**////<summary>
///Cleanupanyresourcesbeingused.
///</summary>
protectedoverridevoidDispose(booldisposing)
...{
}
[WebMethod]
publicstringfenlei()
...{
stringstr="selectdistinctsubstring(code,1,3)asfenleifromjinan";
SqlCommandcmd=newSqlCommand(str,con);
cmd.Connection.Open();
SqlDataReaderdr=cmd.ExecuteReader();
strings="请选择：";
while(dr.Read())
...{
s+=","+dr["fenlei"].ToString();
}
returns;
}
[WebMethod]
publicstringleixing(stringq)
...{
stringstr="selectdistincttypefromjinanwherecodelike'"+q+"%'";
SqlCommandcmd=newSqlCommand(str,con);
cmd.Connection.Open();
SqlDataReaderdr=cmd.ExecuteReader();
strings="请选择：";
while(dr.Read())
...{
s+=","+dr["type"].ToString();
}
returns;
}
[WebMethod]
publicstringhaoduan(stringq)
...{
stringstr="selectdistinctsubstring(code,4,4)ashaoduanfromjinanwheretype='"+q+"'";
SqlCommandcmd=newSqlCommand(str,con);
cmd.Connection.Open();
SqlDataReaderdr=cmd.ExecuteReader();
strings="请选择：";
while(dr.Read())
...{
s+=","+dr["type"].ToString();
}
returns;
}
client端(htmlpage1.htm)
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<METANAME="GENERATOR"Content="MicrosoftVisualStudio7.0">
<TITLE></TITLE>
<scriptid="clientEventHandlersJS"language="javascript">...
<!--
varicallid;
varicallid1;
varicallid2;
functionwindow_onload()...{
service.useService("/service1.asmx?WSDL","myselect");
icallid=service.myselect.callService(fenlei,"fenlei");
}
functionfenlei(result)
...{
varm=result.value;
vara=m.split(",")
for(vari=0;i<a.length;i++)
...{
window.s1.options[i]=newOption(a[i],a[i]);
}
}
functions1_onchange()...{
varx=s1.value;
icallid1=service.myselect.callService(leixing,"leixing",x);
}
functions2_onchange()...{
varx=s2.value;
icallid2=service.myselect.callService(haoduan,"haoduan",x);
}
functionleixing(result)...{
varm=result.value;
vara=m.split(",")
window.s2.length=0;
for(vari=0;i<a.length;i++)
...{
window.s2.options[i]=newOption(a[i],a[i]);
}
}
functionhaoduan(result)...{
varm=result.value;
vara=m.split(",")
window.s3.length=0;
for(vari=0;i<a.length;i++)
...{
window.s3.options[i]=newOption(a[i],a[i]);
}
}
//-->
</script>
</HEAD>
<BODYonload="returnwindow_onload()">
<divid="service"style="behavior:url(webservice.htc)">
</div>
<selectid="s1"onchange="returns1_onchange()"></select><selectid="s2"onchange="returns2_onchange()"></select>
<selectid="s3"></select>
</HTML>
分享到：
相关推荐
这是将《用Ajax实现多级联动下拉列表（无限级别，JSON传输数据，含全国地区数据库））》（原来是asp的）改写成ASP.NET,服务器端采用WebService。仍然使用JSON传数据。原文地址：...
在IT行业中，三级联动是一种常见的前端交互设计，用于实现多级数据的动态筛选和展示，常见于下拉菜单、地区选择等场景。本项目“AjaxToolkit+WebService+XML三级联动”利用了AJAX、ASP.NET的AjaxToolkit、WebService...
【标题】"利用ajax和WebService实现的无刷新三级联动源码"揭示了这个项目的核心技术，即使用Ajax和WebService来创建一个动态、无需刷新页面的三级联动效果。这是一个常见的前端与后端交互方式，用于提高用户体验，...
在Asp.net开发中，"三级联动"是一种常见的交互设计技术，主要应用于下拉菜单或者选择框中，常用于地区选择、分类导航等场景。它指的是三个或更多级的控件之间存在联动关系，当用户在一级控件中选择一个选项时，二级...
在ASP.NET开发中，CascadingDropDown控件是AjaxControlToolkit中的一个重要组件，它用于创建交互式的下拉列表，常用于实现多级联动选择的效果。本篇将详细讲解"CascadingDropDown三级联动"以及如何进行初始化赋值。 ...
无刷新三级联动是一种常见的网页交互技术，主要用于下拉框或者选择框之间数据的联动更新，无需刷新整个页面即可完成数据的动态加载。这种技术在现代Web应用中非常常见，例如在地址选择、商品分类筛选等场景。在这个...
总结来说，这个项目展示了如何在VS2008中使用AJAX、Dropdownlist控件和Webservice技术来创建一个动态的、无刷新的省市县三级联动效果。用户在前端进行交互时，后台通过Webservice进行数据交换，确保了页面的流畅性和...
总结起来，实现“好用的三级联动异步刷新”需要结合C#后端和JavaScript前端技术，通过AJAX实现异步通信，根据用户的选择动态加载和刷新下拉列表。这样的设计不仅可以提高用户体验，还能减少不必要的服务器负载，是...
AjaxPro无刷新三级联动下拉菜单是一个常见的前端交互设计，主要应用于网页表单中的选择项，常见于地域选择、分类导航等场景。这种技术利用了AJAX（Asynchronous JavaScript and XML）的核心特性，实现了在不刷新整个...
从给定的文件信息来看，这是一段关于实现全国省市县三级联动选择功能的Web页面代码，主要使用了ASP.NET和AjaxControlToolkit控件库。这段代码展示了如何在Web应用中实现用户界面与后端服务的交互，以动态加载中国各...
无刷新省市县三级联动是一种常见的前端交互设计，它在网页中实现了省份、城市、区县选择功能，用户在选择上一级地区时，下一级地区会自动更新，无需刷新整个页面，提高了用户体验。这一技术主要基于AJAX...
描述：本实验使用SpringBoot、Mybatis和CXF框架来实现Restful API和WebService API接口的大实验，涵盖了数据库设计、 Maven依赖管理、Restful API和WebService API的实现等方面。 标签：spring boot、mybatis、...
城市数据来自于腾讯地图- ...另外，我使用的是腾讯开放的key,各位使用还是自己申请一个key替换掉； 不想下载的同学移步这里：https://blog.csdn.net/m0_37596829/article/details/81036063； 代码一样齐全，丝毫不缺；
省市区县(含全国完整数据库)Ajax无刷新三级联动 <br>利用微软官方ASP.NET AJAX Control Toolkit和WebService结合实现的完整无刷新省市区县三级，该数据库包含大陆32个省市自治区及部分港澳台地区信息 Bin下...
ASP.NET AJAX全国省市县三级联动是一种常见的Web应用程序设计模式，用于在用户选择省份时自动更新城市选项，再根据城市选择更新县（区）选项。这种交互方式提供了良好的用户体验，减少了不必要的页面刷新。以下是对...
首先，需要创建一个WEB工程，以便于使用Axis工具来实现WebService。这个工程将作为WebService的容器，提供了一个环境来部署和运行WebService。 第二步：下载Axis安装包 Axis安装包可以从Apache官方网站下载。下载...
AJAX和WebService实现省市县三级联动的具体知识点包含了前端与后端的交互、服务端的构建、前端页面的设计等关键技术细节。以下是该知识点的详细说明： 1. **WebService（网络服务）的使用**： - WebService是构建...
内容索引:.NET源码,Ajax相关,Ajax,级联菜单 使用ajax技术结合c#的WebService实现的无刷新盛市、县三级联动下拉框源程序，含控件源代码，工程运行VS2003，具体一点就是使用webservice.htc，然后由JavaScript调用...
在本文中，我们将深入探讨如何使用WebService来上传一个或多个附件，特别是处理大附件的情况。这一主题对于构建分布式系统、实现跨平台文件共享以及在不同应用间传递数据至关重要。 首先，让我们理解什么是...
本教程将详细介绍如何在Idea中实现一个简单的WebService实例。 【描述】：通过Idea实现webservice涉及到的主要步骤包括设置项目、创建服务接口、编写服务实现、部署和测试。下面我们将逐一解析这些步骤： 1. **...