ajax异步读取后台传递回的下拉选项的值方法
来源:本站原创|时间:2020-01-11|栏目:AJAX相关|点击: 次
jsp中html相关代码
<tr> <td class="tdcell_word2">请选择展会:</td> <td class="tdcell_word3" colspan="3"> <select name="select" id="jieci" onchange="getChange()"> <option value="">选择展会</option> </select> <script Language="JavaScript"> loadjieci('- 选择展会 -'); </script> <span style="color:red;"> *</span> <span style="font-size:12px;color:red;" id="mesjieci"></span> </td> </tr>
js中相关代码
<script Language="JavaScript"> function loadjieci(str) { /** 异步加载届次 */ $.getJSON("/DictsAction.do?actionType=jieci", function (responseData, status) { if (status != "") { $("#jieci").empty(); $("<option/>").html("- 选择展会 -").val("- 选择展会 -").appendTo("#jieci"); $(responseData).each(function (n) { $("<option/>").html(this.name).val(this.code).appendTo("#jieci"); }); //默认显示请选择 $("#jieci").val(str); } else { alert("届次加载失败!"); } }); } </script>
struts-config.xml中相关配置
<!-- ajax异步加载字典 --> <action path="/DictsAction" type="oa.sys016.oagzxxgl.action.DictsAction" scope="request" />
java后台代码
package oa.sys016.oagzxxgl.action; import java.io.PrintWriter; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONArray; import org.apache.struts.action.Action; import org.apache.struts.action.ActionForm; import org.apache.struts.action.ActionForward; import org.apache.struts.action.ActionMapping; import cn.com.chx.bo.AppBo; /** * 通过ajax加载届次选择下拉列表的选择项 * @author liu * */ public class DictsAction extends Action{ private AppBo appBo = null; @Override public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { // 设置编码 response.setContentType("application/json;charset=UTF-8"); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); appBo = new AppBo(); try { // 获取ActionType String actionType = request.getParameter("actionType"); if (actionType != null && actionType.equals("jieci")) { // 查询届次 String jieciJson = getJieciJson(); out.print(jieciJson); } } catch (Exception e) { e.printStackTrace(); } finally { out.close(); } return null; } private String getJieciJson() { // 查询届次 List jieciList; try { jieciList = appBo.query("SELECT ID AS CODE,ZH_NAME AS NAME FROM ZH_GZ_INFOX"); List<Map<String, String>> lists = new ArrayList<Map<String, String>>(); if (jieciList.size() > 0) { for (int i = 0; i < jieciList.size(); i++) { Map<String, String> maps = new HashMap<String, String>(); maps.put("code", (String) ((HashMap) jieciList.get(i)).get("CODE")); maps.put("name", (String) ((HashMap) jieciList.get(i)).get("NAME")); lists.add(maps); } } // [{"id":"1","name":"CIMT2015"},{"id":"2","name":"CCMT2016"}] JSONArray json = JSONArray.fromObject(lists); return json.toString(); } catch (Exception e) { e.printStackTrace(); } return null; } }
以上这篇ajax异步读取后台传递回的下拉选项的值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
栏 目:AJAX相关
本文地址:https://www.xiuzhanwang.com/a1/AJAXxiangguan/11298.html
您可能感兴趣的文章
阅读排行
本栏相关
- 01-11layui的checbox在Ajax局部刷新下的设置方
- 01-11ajax请求后台得到json数据后动态生成树
- 01-11ajax获得json对象数组 循环输出数据的
- 01-11解决ajax请求后台,有时收不到返回值的
- 01-11详谈ajax返回数据成功 却进入error的方
- 01-11解决AJAX返回状态200没有调用success的问
- 01-11快速解决ajax返回值给外部函数的问题
- 01-11Ajax实现动态显示并操作表信息的方法
- 01-11ajax实现从后台拿数据显示在HTML前端的
- 01-11ajax动态查询数据库数据并显示在前台
随机阅读
- 01-10使用C语言求解扑克牌的顺子及n个骰子
- 01-11Mac OSX 打开原生自带读写NTFS功能(图文
- 08-05DEDE织梦data目录下的sessions文件夹有什
- 08-05织梦dedecms什么时候用栏目交叉功能?
- 08-05dedecms(织梦)副栏目数量限制代码修改
- 04-02jquery与jsp,用jquery
- 01-10C#中split用法实例总结
- 01-10delphi制作wav文件的方法
- 01-10SublimeText编译C开发环境设置
- 01-11ajax实现页面的局部加载