js里面拼接代码和使用ModelAndView

1.js里面拼接代码

 <tr><td class="tdTitle">性别</td><td class="tdCont"><select name="yhxb" id="yhxb" class="inputSel" style="width: 100px"></select></td><td class="tdTitle">部门</td><td class="tdCont"><select name="yhbm" id="yhbm" class="inputSel" style="width: 100px"></select></td></tr>
//用户页面加载
window.onload = function () {showGender("loadGender");showDepart("loadBm");
}//展示性别数据
function showGender(type) {$.ajax({url: getUrlPath() + '/userManage' + '/' + type,type: "POST",data: {"type": type},dataType: 'json',success: function (data) {$('#yhxb').empty();var head = '<option value="">' + "--请选择--" + '</option>';$('#yhxb').append(head);data.data.forEach(function (allGender) {var body = '<option value="' + allGender.mc + '">' + allGender.mc + '</option>';$('#yhxb').append(body);})},error: function (data) {layer.alert("服务器异常");}});
}//展示部门数据
function showDepart(type) {$.ajax({url: getUrlPath() + '/userManage' + '/' + type,type: "POST",data: {"type": type},dataType: 'json',success: function (data) {$('#yhbm').empty();var head = '<option value="">' + "--请选择--" + '</option>';$('#yhbm').append(head);data.data.forEach(function (allBm) {var body = '<option value="' + allBm.bmmc + '">' + allBm.bmmc + '</option>';$('#yhbm').append(body);})},error: function (data) {layer.alert("服务器异常");}});
}

2.使用ModelAndView

使用jstl表达式

<tr><td class="tdTitle">性别</td><td class="tdCont"><select name="yhxb" id="yhxb" class="inputSel" style="width: 100px" <%=DISABLED%>><option value="${user.yhxb}">${user.yhxb}</option><c:forEach items="${gender}" var="gender"><c:if test="${user.yhxb != gender.mc}"><option value="${gender.mc}">${gender.mc}</option></c:if></c:forEach></select></td><td class="tdTitle">部门</td><td class="tdCont"><select name="yhbm" id="yhbm" class="inputSel" style="width: 100px" <%=DISABLED%>><option value="${user.yhbm}">${user.yhbm}</option><c:forEach items="${depart}" var="depart"><c:if test="${user.yhbm != depart.bmmc}"><option value="${depart.bmmc}">${depart.bmmc}</option></c:if></c:forEach></select></td></tr>
//新增用户
function addUser(){layer.open({type: 2,title: '用户信息',shadeClose: false,shade: 0.5,area: ['600', '380'],content: getUrlPath()+'/user?yhdm=&way=add',});
}
    @GetMapping(value = "/user")public ModelAndView showUserByYhdm(@RequestParam("yhdm") String yhdm, @RequestParam("way") String way){ModelAndView mav = new ModelAndView();if (yhdm !=""){yhdm = EncodeUtils.urlDecode(yhdm);List<User> user = userHibernateService.selectUserByYhdm(yhdm);mav.addObject("user",user.get(0));}mav.addObject("depart",userHibernateService.showAllDepart());mav.addObject("gender",userHibernateService.showGender());mav.addObject("way",way);mav.setViewName("user");return mav;}

js里面拼接代码和使用ModelAndView相关推荐

  1. js字符串拼接代码内方法传递对象型参数

    先转成json字符串,再replace(/"/g, '"') let strCode = '<input onClick="OverviewMap.showModa ...

  2. 写一个静态HTML页面,直接写HTML代码和用JS动态生成代码,哪种方式要好

    如果写一个静态HTML页面,直接写HTML代码和用JS动态生成代码,哪种方式要好点?为什么? 不考虑人力因素(手写HTML太费时间排除),请从读取和解析或者其他的角度分析.谢谢 添加评论 分享 按投票 ...

  3. js 字符串拼接的4种方法

    一.使用连接符 + 把想要连接的字符串串起来 let shy = '帅哥' let a = '我是' + shy console.log(a) // 我是帅哥 二.模板字符串 模板字符串(templa ...

  4. js获取html代码中所有图片地址

    /** * JS获取html代码中所有的图片地址 * @param htmlstr * @returns imgsrcArr 数组 */ function getimgsrc(htmlstr) { v ...

  5. html漂浮广告随页面移动代码,JS漂浮广告代码,慢慢漂移的广告JS代码

    JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈...直接贴代码,很简单. var xin = true, yin = true var step = 1 var delay = 5 ...

  6. JS学习笔记 - 代码复用

    本文章记录本人在学习 JavaScript 中看书理解到的一些东西,加深记忆和并且整理记录下来,方便之后的复习. js 中复用代码 说道代码复用,一般都会涉及到对象继承.在js中有许多可以选择的继承方 ...

  7. 如何在页面调用JS函数的代码

    如何在页面调用JS函数的代码 这个所有的人都不能回复啊,只有一个人可以的,晕!我第一次发现JS的功能有"打下来",呵呵! 言归正传: 下面是一个很简单的例子: 首先写一个JS函数, ...

  8. js引擎执行代码的基本流程

    js引擎执行代码的基本流程 先执行初始化代码: 包含一些特别的代码 设置定时器 绑定监听 发送ajax请求 后面在某个时刻才会执行回调代码

  9. nuxt.js的核心代码_Nuxt.js中的通用应用程序代码结构

    nuxt.js的核心代码 by Krutie Patel 通过克鲁蒂·帕特尔(Krutie Patel) Nuxt.js中的通用应用程序代码结构 (Universal application code ...

最新文章

  1. SPOJ GSS3-Can you answer these queries III-分治+线段树区间合并
  2. ajax同步,异步简单的介绍
  3. linux pwm控制蜂鸣器 滴滴_兴安盟KOBISHI电磁蜂鸣器BZ-21BLAC24V保证
  4. MIT开发出新界面系统 操作员可用思维控制机器人
  5. 删除sessionstorage_localStorage 和 sessionStorage 介绍
  6. Mysql data type(数据类型)
  7. mysql表添加完整性约束_SQL语句——完整性约束
  8. 建造模式实际应用_建造多少,购买多少:为聊天和消息传递应用程序提供支持...
  9. 95-10-070-启动-SocketServer启动
  10. 敏捷开发“松结对编程”系列之八:微软 Tech ed2011 自组织团队与松结对编程讲稿(敏捷开发)...
  11. python读取音频文件的几种方式
  12. Axure RP 9 使用详解视频教程-真实操作步骤
  13. fatal: unable to access ‘https://github xxxxxxxxx的解决方法
  14. 《学习之道》第二章专注思维和发散思维
  15. 傅里叶变换复数形式的实部代表什么_复数形式傅里叶变换的物理意义中,相位究竟指的是什么?...
  16. 高通滤波器与带通滤波器
  17. brpc的精华bthread源码剖析
  18. 联想小新锐7000安装win10和ubuntu18.04双系统踩坑
  19. 艾伟:Private 访问控制符的准确意义
  20. 红米Note10Pro安装twrp教程

热门文章

  1. POE交换机隐藏指标是什么?
  2. 【渝粤教育】广东开放大学 标准化理论与方法 形成性考核 (50)
  3. 【渝粤题库】广东开放大学 社交礼仪 形成性考核
  4. 1G、3G都失败了,5G也会失败吗?
  5. linux gdb网络调试工具,Linux--gdb调试工具
  6. 织梦同步静态文件到服务器,某猫织梦插件-织梦dedecms静态文件生成速度的区块插件...
  7. 蓝桥杯基础模块3_1:数码管静态显示
  8. mysql 未知列_mysql – ‘字段列表’连接中的未知列’..’
  9. 应用c语言编辑画图程序,应用C语言编辑画图程序
  10. layui登录页面写入数据_layui基本使用(动态获取数据,并把需要的数据传到新打开的窗口)...