js里面拼接代码和使用ModelAndView
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相关推荐
- js字符串拼接代码内方法传递对象型参数
先转成json字符串,再replace(/"/g, '"') let strCode = '<input onClick="OverviewMap.showModa ...
- 写一个静态HTML页面,直接写HTML代码和用JS动态生成代码,哪种方式要好
如果写一个静态HTML页面,直接写HTML代码和用JS动态生成代码,哪种方式要好点?为什么? 不考虑人力因素(手写HTML太费时间排除),请从读取和解析或者其他的角度分析.谢谢 添加评论 分享 按投票 ...
- js 字符串拼接的4种方法
一.使用连接符 + 把想要连接的字符串串起来 let shy = '帅哥' let a = '我是' + shy console.log(a) // 我是帅哥 二.模板字符串 模板字符串(templa ...
- js获取html代码中所有图片地址
/** * JS获取html代码中所有的图片地址 * @param htmlstr * @returns imgsrcArr 数组 */ function getimgsrc(htmlstr) { v ...
- html漂浮广告随页面移动代码,JS漂浮广告代码,慢慢漂移的广告JS代码
JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈...直接贴代码,很简单. var xin = true, yin = true var step = 1 var delay = 5 ...
- JS学习笔记 - 代码复用
本文章记录本人在学习 JavaScript 中看书理解到的一些东西,加深记忆和并且整理记录下来,方便之后的复习. js 中复用代码 说道代码复用,一般都会涉及到对象继承.在js中有许多可以选择的继承方 ...
- 如何在页面调用JS函数的代码
如何在页面调用JS函数的代码 这个所有的人都不能回复啊,只有一个人可以的,晕!我第一次发现JS的功能有"打下来",呵呵! 言归正传: 下面是一个很简单的例子: 首先写一个JS函数, ...
- js引擎执行代码的基本流程
js引擎执行代码的基本流程 先执行初始化代码: 包含一些特别的代码 设置定时器 绑定监听 发送ajax请求 后面在某个时刻才会执行回调代码
- nuxt.js的核心代码_Nuxt.js中的通用应用程序代码结构
nuxt.js的核心代码 by Krutie Patel 通过克鲁蒂·帕特尔(Krutie Patel) Nuxt.js中的通用应用程序代码结构 (Universal application code ...
最新文章
- SPOJ GSS3-Can you answer these queries III-分治+线段树区间合并
- ajax同步,异步简单的介绍
- linux pwm控制蜂鸣器 滴滴_兴安盟KOBISHI电磁蜂鸣器BZ-21BLAC24V保证
- MIT开发出新界面系统 操作员可用思维控制机器人
- 删除sessionstorage_localStorage 和 sessionStorage 介绍
- Mysql data type(数据类型)
- mysql表添加完整性约束_SQL语句——完整性约束
- 建造模式实际应用_建造多少,购买多少:为聊天和消息传递应用程序提供支持...
- 95-10-070-启动-SocketServer启动
- 敏捷开发“松结对编程”系列之八:微软 Tech ed2011 自组织团队与松结对编程讲稿(敏捷开发)...
- python读取音频文件的几种方式
- Axure RP 9 使用详解视频教程-真实操作步骤
- fatal: unable to access ‘https://github xxxxxxxxx的解决方法
- 《学习之道》第二章专注思维和发散思维
- 傅里叶变换复数形式的实部代表什么_复数形式傅里叶变换的物理意义中,相位究竟指的是什么?...
- 高通滤波器与带通滤波器
- brpc的精华bthread源码剖析
- 联想小新锐7000安装win10和ubuntu18.04双系统踩坑
- 艾伟:Private 访问控制符的准确意义
- 红米Note10Pro安装twrp教程
热门文章
- POE交换机隐藏指标是什么?
- 【渝粤教育】广东开放大学 标准化理论与方法 形成性考核 (50)
- 【渝粤题库】广东开放大学 社交礼仪 形成性考核
- 1G、3G都失败了,5G也会失败吗?
- linux gdb网络调试工具,Linux--gdb调试工具
- 织梦同步静态文件到服务器,某猫织梦插件-织梦dedecms静态文件生成速度的区块插件...
- 蓝桥杯基础模块3_1:数码管静态显示
- mysql 未知列_mysql – ‘字段列表’连接中的未知列’..’
- 应用c语言编辑画图程序,应用C语言编辑画图程序
- layui登录页面写入数据_layui基本使用(动态获取数据,并把需要的数据传到新打开的窗口)...