文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

使用ajax怎么异步读取后台传递回下拉选项的值

2023-06-08 06:46

关注

这篇文章将为大家详细讲解有关使用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 >&nbsp;*</span><span  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;public class DictsAction extends Action{private AppBo appBo = null;@Overridepublic 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 {// 获取ActionTypeString 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怎么异步读取后台传递回下拉选项的值就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯