`
kt431128
  • 浏览: 39302 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

将java后台的代码加载到前台页面select标签

 
阅读更多
  1. java 后台代码:  
  2. List<SuperRecord> list = new ArrayList<SuperRecord>();  
  3.         list = this.resClassifyService.getChildeNodeList(nodeId);  
  4.         JSONArray jsonArray = new JSONArray();  
  5.         for (int i = 0; i < list.size(); i++)  
  6.         {  
  7.             JSONObject p_json = new JSONObject();  
  8.             p_json.put("id", list.get(i).get("nodeid"));  
  9.             p_json.put("name", list.get(i).get("nodename"));  
  10.             jsonArray.add(p_json);  
  11.         }  
  12.         this.getResponse().setContentType("text/html; charset=UTF-8");  
  13.         try  
  14.         {  
  15.             this.getResponse().getWriter().write(jsonArray.toString());  
  16.         } catch (IOException e)  
  17.         {  
  18.             // TODO Auto-generated catch block  
  19.             e.printStackTrace();  
  20.         }  
  21.   
  22.   
  23. 前台js处理:  
  24. jQuery.post("/system/classify/getDropDownList.action", {  
  25.             'nodeId' : nodeId  
  26.         }, function(data) {  
  27.             var sec = document.getElementById("sec");  
  28.               
  29.             /* 
  30.              * 每次动态加载先清空下拉单,再添加新的选项 
  31.              */  
  32.             sec.options.length = 0;  
  33.             var myobj = eval(data);  
  34.             for ( var i = 0; i < myobj.length; i++) {  
  35.                 sec.options.add(new Option(myobj[i].name, myobj[i].id));  
  36.             }  
  37.   
  38.         });  
  39.   
  40.   
  41. 页面  
  42.  <select id="sec" style="width: 120px;"   
  43.                         <option value="">请选择---</option>  
  44.                     </select>  
分享到:
评论

相关推荐

    添加后台list给前台select标签赋值简单实现

    在这篇介绍如何实现通过后台list给前台select标签赋值的文章中,涉及到的知识点包括:JavaScript的Ajax技术、后端数据处理以及前台数据展示等关键内容。以下是对文章中提及内容的详细解析: 1. **Ajax技术**:Ajax...

    数据库更新前台页面不更新问题

    数据库更新前台页面不更新问题解决方案 在基于 Hibernate 的 Web 应用程序中,遇到添加数据后刷新页面,数据库更新但是前台页面不更新的问题是一种常见的困扰开发者的问题。这个问题的根源在于 Hibernate 的缓存...

    java+mysql实现的代码分享网(所有源码已开源,效果可看网址:www.admintwo.com)

    1、我将重复的代码保存成单独的jsp文件然后引入(这样的好处就是重复的jsp文件只会加载一次,然后浏览器缓存,下次加载速度会提升)。比如,我将link和header单独提取出来,然后在其他页面进行引入: &lt;!DOCTYPE ...

    JAVA课程设计代码

    6. **多线程**:如果系统需要同时执行多个任务,如在后台更新数据库和在前台响应用户操作,多线程技术将派上用场。 7. **数据库操作**:图书馆管理系统通常需要连接到数据库存储图书信息。Java的JDBC(Java ...

    ECharts前台后台数据交互Demo

    本教程将深入讲解如何通过AJAX技术实现ECharts与后台MySQL数据库的数据交互,以创建动态、实时的数据展示Demo。 一、ECharts简介 ECharts是一款轻量级的图表库,支持多种图表类型,可以灵活地进行配置和定制,满足...

    前台Java通用分页详解描述下

    在Java开发中,分页是前端与后台交互时不可或缺的一部分,尤其在处理大量数据时,分页能够有效地提高用户体验,避免一次性加载过多数据导致页面响应慢或者内存溢出。本篇将详细介绍Java中实现前端通用分页的方法和...

    jsp页面,连接数据库实现增删改查

    - 分离JSP中的逻辑代码,尽量让JSP只负责显示,复杂的逻辑放在后台的Java类中。 - 使用预编译的JSP页面(`.jspf`文件)提高性能。 - 优化数据库查询,避免全表扫描,合理使用索引。 - 遵循安全性最佳实践,如SQL...

    Javaweb用户登录注册系统

    本系统实现了用户登录注册功能,基于 JavaWeb 技术栈,使用 Html、CSS、JQuery 等技术实现前台页面,使用 Java 语言编写后台逻辑,使用 Tomcat 服务器部署环境,使用 MySQL 数据库存储用户信息。 用户登录模块 ...

    servlet+jsp+javabean+mysql做的简单新闻发布系统

    开发者可以使用EL(Expression Language)和JSTL(JavaServer Pages Standard Tag Library)标签来简化页面与JavaBean的交互。 - **Controller**(控制器):Servlet作为控制器,接收HTTP请求,处理业务逻辑,并将...

    网页游戏开发入门教程III(简单程序应用)

    在后台,可以选择Java、.NET或PHP,而在前台则可以使用Flex、JavaScript和Ajax。数据库方面,MySQL和MSSQL是常见的选择。选择哪种组合并不重要,关键在于开发的时间和成本。重要的是数据交互的完善,而非技术实现的...

    Jquery+Ajax实现的前台登陆验证(

    `Ajax`(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在登录验证中,Ajax能够无刷新地将用户输入的数据发送到后台,提高...

    java学习笔记

    - JSTL标签库:简化页面开发。 2. **Servlet**: - 生命周期:init()、service()、destroy()。 - 请求转发、请求重定向。 - 过滤器(Filter):拦截请求和响应。 3. **Struts**: - MVC框架:模型(Model)、视图...

    华为校园招聘历年经典面试题汇总:Java开发

    2. **复制算法**:将内存分为两个相等区域,每次只使用其中一块,回收时将存活对象复制到另一块。 3. **标记-整理算法**:结合标记-清除算法和复制算法的优点。 4. **分代收集算法**:根据对象存活周期的不同进行...

    jquery实现二级联动

    // 将后台传回的信息添加到select中 $("#city_code").append("[i].city_code + "'&gt;" + response[i].city_name + "&lt;/option&gt;"); }); }); } ``` ### 3. 服务器端处理 服务器端需要接收前端发来的省份编码参数,...

    在线购物(功能、界面友好)

    - 使用JSP(JavaServer Pages)作为服务器端脚本语言,它可以与Java后端代码结合,处理动态网页请求。JSP页面通常包含HTML、CSS和JavaScript,以及嵌入的Java代码来处理业务逻辑。 - JSP与Servlets配合工作,...

    word源码java-datiba:基于springboot的在线答题系统,使用HanLP分词器分词,结合mysql自带的全文搜索功能实现问题

    前台的前端框架主要使用了Layui、bootstrap、bootstrap-select、viewer、vue; 软件架构 +---java | \---com | \---dtb | +---admin 后台管理系统相关 | | +---controller 控制器相关类 | | +---dao Mapper的接口类 ...

    jsp从数据库获取数据填充下拉框实现二级联动菜单的方法

    tsfrom: tsfrom // 通过JSON形式将前台获取的值传递给后台 }, success: function(response) { var json = Ext.util.JSON.decode(response.responseText); if (json.success) { var data = json.cmList; if (...

    2021-2022计算机二级等级考试试题及答案No.10673.docx

    根据提供的文档内容,我们可以总结和解释以下几个计算机领域的知识点: ### 1. String 类中的 `length()` 方法 **知识点概述:** ...这段代码中的静态代码块会在类加载时执行,将 `x` 的值修改为原来的三分之一。

    Bootstrap Multiselect 常用组件实现代码

    在JSP页面中,你可以嵌入Java代码来生成多选框。首先定义一个Product JavaBean,包含基本属性如id和name,以及对应的getter和setter方法。接着,从数据库获取Product列表(如ArrayList),在循环中创建`&lt;option&gt;`...

    eform集成开发手册

    - 可以直接通过`&lt;script&gt;`标签引入外部的JS文件,或者使用模块加载器来动态加载。 - **自定义函数**: - 在`fcpub.js`文件中注册自定义函数,以扩展eform的功能。 #### 八、定制工具栏 - **工具栏定制**: - 在`...

Global site tag (gtag.js) - Google Analytics