字符串拼串 能缓解我们的开发难度→!←(ε=(´ο`*)))唉,又是一个不知道该怎么写题目的随笔啊,头疼)
简单描述:今天看我同事提交的代码,发现一个东西,让我有了一点小想法,是这样的,他利用一个‘’无关紧要‘’的标签属性,(哈哈哈,也不能说人家是无关紧要的属性了,暂时是无关紧要的属性哈,不管了 我要开写了),嗯emm,一个无关紧要的属性,为这个属性拼了好大一串字符串,其实就是后台传过来的list里的各种字段值,然后在js中分割字符串,获取到这些值,给隐藏域赋值,页面的表单提交被触发后,这些值就被传递到了后台,做一些业务逻辑的操作。
个人:我一般的话,基本都是用input隐藏域,存放数据,很少拼字符串,原因么,你们可能也体会到,拼接处理用的那些个单引号双引号加号,还有转义符号左斜杠右斜杠,真的是很烦安安安安人,不过今天 让我改变了我的看法,list中有很多的字段值,我们可以把要使用的,字段都取出来放到无关紧要的一些标签属性里,然后在js中分割字符串,取出这些值,要用到的给后台。
代码:
<div class="col-md-6">
<select id="parent" name="parent" class="form-control js-example-basic-single" placeholder="请选择">
<option th:each="xxx : ${xxxOrgs}" th:value="${xxx.xxxId} + ',' + ${xxx.xxxCode} + ',' + ${xxx.xxxLevel}" th:text="${xxx.xxxName}" xmlns:th="http://www.w3.org/1999/xhtml"></option>
</select>
<input type="hidden" value="" name="xxxParentId" id="xxxParentId"/>
<input type="hidden" value="" name="xxxParentCode" id="xxxParentCode"/>
<input type="hidden" value="" name="xxxLevel" id="xxxLevel"/>
</div>
js代码:
$("#parent").on("change", function () {
debugger;
var seled = $(this).val();
if (seled != null) {
var strs = seled.split(","); //根据,分割拼接的字符串
$("#xxxParentId").val(strs[0]);
$("#xxxParentCode").val(strs[1]);
$("#xxxLevel").val(Number(strs[2]) + 1); //把str[2]的数字字符串通过Number函数转换为数字,做加法操作
} else {
$("#xxxParentId").val("");
$("#xxxParentCode").val("");
$("#xxxLevel").val(1);
}
});
总结:怎么说呢,感觉还是没说到点上,反正自己是get到了,这种拼接字符串的好处,我在开发的时候,有时候会纠结该怎么传递某个值(不想用隐藏域),这种拼字符串就是我想要的那种合适的方式。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)