多级联动下拉列表

http://hi.baidu.com/tz666/blog/item/63f17ca342eb81b8cbefd019.html

 

好久时间没有更新内容了,很多朋友对我以前写的一篇《用Ajax实现多级联动下拉列表(无限级别,JSON传输数据,含全国地区数据库)(原创)

感兴趣,提出原来这段代码服务器端是用asp实现的,能不能改写成JSP或者ASP.NET。说实话,对JSP我不是很熟悉,参考了一些资料,没有用
struts,直接写成JSP,文后的下载包中包含一个org.json.jar,测试的时候,请将这个包加了应用服务器的lib目录中。至于For
ASP.NET的,过几天再写吧。

Ajax.html文件没有太大的变化,只需要将原来的OptionServer.asp改成OptionServer.jsp。

        //发送请求,获取下一个列表框的列表数据
        //参数oValue为当前列表框的选中值,此值作为下一个列表框的parentID号
        function getNextOptions(oValue) {
            createRequest();
            var url = “OptionServer.jsp parentid=” + oValue;
            request.open(“GET”, url, true);
            request.onreadystatechange = opcallback;
            request.send(null);
        }

 

OptionServer.jsp:

<%@ page contentType=”text/html; charset=gb2312″ language=”java” import=”java.sql.*” errorPage=”” %>
<%@ page import=”org.json.JSONException” %>
<%@ page import=”org.json.JSONObject” %>
<%@ page import=”org.json.JSONArray” %>

<%
try
{
String spath=”options\\area.mdb”;   //注意由网站根到文件的路径,这是将测试内容放在服务器根下面的options目录下。
String dbpath = application.getRealPath(spath); //转化成物理路径
String dbname = “”; //Acess 数据库用户名,没有则为空
String user = “”; //Acess 数据库密码,没有则为空
//数据库连接字符串 
String url =”jdbc:odbc:Driver={Microsoft Access Driver (*.mdb)};DBQ=”+dbpath; 
//加载驱动程序
Class.forName(“sun.jdbc.odbc.JdbcOdbcDriver”);
//建立连接
Connection conn= DriverManager.getConnection(url); 
//创建语句对象
Statement stmt=conn.createStatement
(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
// **** 数据库连接代码 结束 *********
String ParentID=request.getParameter(“parentid”);
String sql;
if(ParentID==””)
   sql=”select text,code from area where Parentcode is null”;
else
   sql=”select text,code from area where Parentcode='”+ParentID+”‘”;

ResultSet rs = stmt.executeQuery(sql);

JSONArray jsonOptions = new JSONArray();  
while(rs.next())
{
   JSONObject json = new JSONObject();   
   json.put(“title”,rs.getString(“text”));   
   json.put(“value”, rs.getString(“code”));
   jsonOptions.put(json);   
}
out.print(jsonOptions.toString());
rs.close(); //关闭记录集对象
stmt.close(); //关闭语句对象
conn.close(); //关闭连接对象

}catch(Exception e){
 out.print(“数据库连接错误!,错误信息如下:<br>”);
 out.print(e.getMessage());
}
%>

 

文件打包下载:点击下载

发表评论

电子邮件地址不会被公开。 必填项已用*标注