ASP.NET中实现无刷新级联
最近在帮学校做一个设备报修系统,由于水平有限,以前做项目的时候很少用到ajax方面的知识,为了实现更好的效果,我查阅了相关资料,参考网上教程写了我下面的程序,不足之处,请多多指正。
开发环境配置为:Visual Studio 2008 Sql Server 2008
源码下载地址:无刷新级联
1、建立测试数据库
用到两个表,一个所在部门表 Department,一个使用部门表 UseDepart
表:Department
表:UseDepart
2、新建一个MyClass类
public class MyClass { public DataSet GetList(string table, string where) { string connStr = ConfigurationManager.ConnectionStrings["conn"].ConnectionString; using (SqlConnection conn = new SqlConnection(connStr)) { StringBuilder strSql = new StringBuilder(); strSql.Append("select * from ").Append(table); if (!string.IsNullOrEmpty(where)) { strSql.Append(" where ").Append(where); } using (SqlCommand cmd = new SqlCommand(strSql.ToString(), conn)) { conn.Open(); DataSet ds = new DataSet(); SqlDataAdapter da = new SqlDataAdapter(); da.SelectCommand = cmd; da.Fill(ds, "ds"); return ds; } } } }
3、Default.aspx页面代码JavaScript代码
<script type="text/javascript"> $(function() { $("#<%=ddlDepartment.ClientID %>").change( function() { $("#ddlUseDepart").load("LoadUseDepart.aspx?InDepartId=" + $("#" + "<%= ddlDepartment.ClientID %>" + " option:selected").val()); } ); }); </script>
4、LoadUseDepart.aspx后台代码
protected void Page_Load(object sender, EventArgs e) { int id; if (int.TryParse(Request.Params["InDepartId"].ToString(), out id)) { Response.Write(GetUseDepart(id)); Response.End(); } } private string GetUseDepart(int id) { StringBuilder sb = new StringBuilder(); DataSet ds = new MyClass().GetList("UseDepart", "DepartId=" + id); if (ds.Tables.Count > 0) { for (int i = 0; i < ds.Tables[0].Rows.Count; i++) { sb.Append("<option value='" + ds.Tables[0].Rows[i]["Id"].ToString() + "'>" + ds.Tables[0].Rows[i]["Name"].ToString() + "</option>"); } } return sb.ToString(); }