关于html里th:with的介绍使用 |
您所在的位置：网站首页 › th标签定义 › 关于html里th:with的介绍使用 |
|
thymeleaf th:with 的使用及传参
估计有不少新手进公司后看大佬们的代码，看不明白什么意思，（说的是我自己）就包括了一个前端页面通过th:with属性来发送请求一段代码 例： /**父类风险分类*/ 请选择风险标准分类 /**子类风险分类*/ 请先选择风险子分类这段代码可以清楚的看到下拉选中分别具有Id，name，type，th:with，onChange（）几个属性，前面几个不用多说，这个th:with属性是用来干嘛呢，它可以在页面加载的时候发送请求，发送请求的路径就是在你的后台代码里找这样一个类。例： @Service("type") public class TypeService { @Autowired private SysTypeService iSysTypeService; /** * 父类隐患类型 * @return */ public List getparentRiskType() { return iSysTypeService.selectparentByRiskType(); } }从而给select下拉选循环赋值，而其中的onChange()事件，就是为了关联另外一个下拉选准备的，一旦下拉选的值发生改变，触发事件，来根据Id发送ajax请求，获取数据，说的再多不如来段代码: /*给子风险分类赋值*/ function changeQualifications(){ var url; var riskId=$("#riskType").val(); url = prefix + "/getDeptSelectData?parentId="+ $("#riskType").val(); $.ajax({ cache: true, type: "GET", url: url, async: false, success: function (data) { 利用each 遍历 /* $.each(data, function(key, value) { $('#riskSonTypeSelect').empty(); var riskDangerTypeId=value.riskDangerTypeId; var riskDangerTypeName=value.riskDangerTypeName; $('#riskSonTypeSelect').append(''+riskDangerTypeName+''); }); */ 利用for循环遍历 $('#riskSonTypeSelect').empty(); for(var i=0;i |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |