• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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;">nbsp;*/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");
    
    
    ListMapString, String>> lists = new ArrayListMapString, String>>();
    
    
    if (jieciList.size() > 0) {
    for (int i = 0; i  jieciList.size(); i++) {
    MapString, String> maps = new HashMapString, 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请求后台得到json数据后动态生成树形下拉框的方法
    • 下拉菜单的级联操作(ajax)
    • ajax实现动态下拉框示例
    • ajax提交到java后台之后处理数据的实现
    • 利用ajax传递数组及后台接收的方法详解
    上一篇:通过Ajax请求动态填充页面数据的实例
    下一篇:浅析IE浏览器关于ajax的缓存机制
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ajax异步读取后台传递回的下拉选项的值方法 ajax,异步,读取,后台,传,