AJAX开发实例

描述： 初始页面
图片：
描述： 一级菜单
图片：
描述： 二级菜单
图片：

使用ajax实现动态菜单。菜单内容从数据库中读取。相关表的定义如下：
CREATE TABLE [dbo].[tsys_menu] (
     [mn_id] [varchar] (16) COLLATE Chinese_PRC_CI_AS NOT NULL ,
     [parent_mn_id] [varchar] (16) COLLATE Chinese_PRC_CI_AS NOT NULL ,
     [mn_name] [varchar] (50) COLLATE Chinese_PRC_CI_AS NOT NULL ,
     [mn_order] [int] NOT NULL ,
     [mn_type] [char] (1) COLLATE Chinese_PRC_CI_AS NOT NULL ,
     [target_url] [varchar] (200) COLLATE Chinese_PRC_CI_AS NOT NULL ,
     [exp_url] [varchar] (200) COLLATE Chinese_PRC_CI_AS NULL ,
     [help_url] [varchar] (200) COLLATE Chinese_PRC_CI_AS NULL ,
     [memo] [varchar] (200) COLLATE Chinese_PRC_CI_AS NULL ,
     [context_type] [char] (1) COLLATE Chinese_PRC_CI_AS NULL ,
     [manual_type] [char] (1) COLLATE Chinese_PRC_CI_AS NULL ,
     [expert_type] [char] (1) COLLATE Chinese_PRC_CI_AS NULL ,
     [case_type] [char] (1) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY]
GO

此次实例使用了dev2dev.bea.com.cn中的ajax模板。原文在址如下：
http://dev2dev.bea.com.cn/bbsdoc/20051114125.html
作者：柯自聪
本人建议，所有人都认真看看那篇文章，的确写的很好。
以下是页面内容ybg-menu.htm

ROOT

以下是jsp内容playMenu.jsp

<%@ page contentType="text/html;charset=GBK"%>
<%@page import="com.jfcgf.frame.util.DbUtil"%>
<%@ page import="java.sql.*"%>

<%
  DbUtil db = new DbUtil();
     String parent_id = request.getParameter("parent_id");
     String sql = "select mn_id,mn_name from tsys_menu where parent_mn_id = '"+parent_id+"'";
     //执行上面的sql
     try{
           ResultSet rs = db.executeQuery(sql);
           while(rs.next()){
                 String item = "

---->

"+                        rs.getString("mn_name")+"

";
                 out.println(item);
           }
     }catch(Exception e){
    out.println(e.toString());
  }finally{
    if(db != null){
            db.closeConnection(); db = null;
    }
  }

%>
注意：DbUtil类是一个连接数据库的javabean，如果想试试上面的代码，这里需要更改成你自己的类。
附件是实现运行的截图。 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！