Jquery ajax JAVA(servlet)实现下拉菜单异步取值

首先来看工程结构图：

项目所需要的包，如下所示：

JSP代码：

“% @”页面语言=“Java”导入=“Java”。乌提尔。*“页面编码=”GBK“% %字符串路径=请求。getcontextpath()；字符串基本路径=请求。getscheme()' ://'请求。getservername()“:”请求。getserverport()“路径”/；系统。出去。println(' BasePath=' BasePath ')；%!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML head title JSON base/title script type=' text/JavaScript ' src=' http :%=基本路径% js/jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' $(function($){ $(' # record ')).追加('当前测试页面完成加载。br/')；});函数getFirstFloorValue(元素){ $('#record ').追加(' br/获取到信息：您将要取得第一级选项信息……');$(“# record”).追加(' br/正在使用创建交互式、快速动态网页应用的网页开发技术为您获取数据，您可以继续停留在页面并进行其他操作。');$.Ajax({ URL : ' ValueGetcontroller '，类型： '岗位'，数据： '操作=获取一楼值'，数据类型： 'json '，成功：函数(数据){ $(' #记录').追加(' br/操作成功，正在为您准备数据……');$(元素)。empty()；$(“# record”).追加(' br/清除原始数据成功!');var ops=$ .parseJSON(数据);$(“# record”).追加(' br/即时数据准备成功!');for(var I=0；I ops . lentigi)$(元素)。追加('选项值=\ ' ' ops[I]' \ ' ' ops[I]'/option ')；$(“# record”).追加(' br/更新列表成功！br/')；} });}/script/head body div select id=' select 1 ' on focus=getfirst bloomvalue(此)选项值='1 '点击取值/option /select /div目录h3记录信息：/H3 span id=' record '/span/dir/body/html

小服务程序代码：

包小型应用程序导入Java。io。ioexception导入Java。io。版画作家；导入javax。servlet。servletexception导入javax。servlet。http。HttpServlet导入javax。servlet。http。HttpServletrequest导入javax。servlet。http。HttpServletResponse导入净。SF。JSON。jsonarray公共类值获取控制器扩展了https vlet { private static final long serial version id=-1293610555518403602 l；/** *对象的构造函数*/public ValueGetController(){ super()；}/* * * servlet的销毁. br */public void destroy(){ super。销毁()；//只需在日志中放入'销毁'字符串//将代码放在这里}/* * * servlet的调用方法br * *当表单的标记值方法等于得到时，调用此方法* * @参数请求客户端向服务器发送的请求* @param响应服务器向客户端发送的响应* @出错时抛出ServletException * @出错时抛出IOException */public void DoGet(httpersvletrequest请求，HttpServletResponse响应)抛出ServletException，IOException { doPost(请求，响应)；}/* * * servlet的发布者方法br * *当表单的标记值方法等于邮政时，调用此方法* * @参数请求客户端向服务器发送的请求* @param响应服务器向客户端发送的响应* @如果出现错误，将引发ServletException * @如果出现错误，将引发IOException */public void doPost(httpersvletrequest请求，HttpServletResponse响应)将引发ServletException，IOException { request。setcharacten coding(' GBK ')；回应。setcontenttype(' text/html；charset=gbk ')；PrintWriter out=响应。getwriter()；字符串操作=请求。getParameter(' action ')；系统。出去。println(' action ' action)；if(动作。equals(' get first floor value '){ String[]str=get first floor value()；JSONArray ja=JSONArray。FromObject(字符串)；字符串JSON=ja。ToString()；出去。印刷品(JSON)；系统。出去。println(JSON)；出去。flush()；出去。close()；返回；}出去。flush()；出去。close()；}私有字符串[]getfirst bloomvalue(){ 0字符串[]字符串=新字符串[4];str[0]=“测试1”；str[1]=“测试2”；str[2]=' test3 '；str[3]=' test4 '；返回字符串；} }关于小型应用程序的web.xml配置：

？可扩展标记语言版本='1.0 '编码='UTF-8 '？元素内版本=' 2.5 ' xmlns=' http://Java。星期日com/XML/ns/javaee ' xmlns : xsi=' http://www .w3。org/2001/XMLSchema-实例' xsi :架构位置=' http://Java。星期日http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd' servlet描述这是我的J2EE组件的描述/描述显示-名称这是我的J2EE组件的显示名称/显示-名称以上就是本文的全部内容，希望对大家的学习有所帮助。