字符串拼串 能缓解我们的开发难度→!←(ε=(´ο`*)))唉,又是一个不知道该怎么写题目的随笔啊,头疼)

简单描述:今天看我同事提交的代码,发现一个东西,让我有了一点小想法,是这样的,他利用一个‘’无关紧要‘’的标签属性,(哈哈哈,也不能说人家是无关紧要的属性了,暂时是无关紧要的属性哈,不管了 我要开写了),嗯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到了,这种拼接字符串的好处,我在开发的时候,有时候会纠结该怎么传递某个值(不想用隐藏域),这种拼字符串就是我想要的那种合适的方式。

原文地址:https://www.cnblogs.com/xuchao0506/p/9566088.html