字符串拼串 能缓解我们的开发难度→!←(ε=(´ο`*)))唉,又是一个不知道该怎么写题目的随笔啊,头疼)...
簡(jiǎn)單描述:今天看我同事提交的代碼,發(fā)現(xiàn)一個(gè)東西,讓我有了一點(diǎn)小想法,是這樣的,他利用一個(gè)‘’無(wú)關(guān)緊要‘’的標(biāo)簽屬性,(哈哈哈,也不能說(shuō)人家是無(wú)關(guān)緊要的屬性了,暫時(shí)是無(wú)關(guān)緊要的屬性哈,不管了 我要開(kāi)寫(xiě)了),嗯emm,一個(gè)無(wú)關(guān)緊要的屬性,為這個(gè)屬性拼了好大一串字符串,其實(shí)就是后臺(tái)傳過(guò)來(lái)的list里的各種字段值,然后在js中分割字符串,獲取到這些值,給隱藏域賦值,頁(yè)面的表單提交被觸發(fā)后,這些值就被傳遞到了后臺(tái),做一些業(yè)務(wù)邏輯的操作。
個(gè)人:我一般的話,基本都是用input隱藏域,存放數(shù)據(jù),很少拼字符串,原因么,你們可能也體會(huì)到,拼接處理用的那些個(gè)單引號(hào)雙引號(hào)加號(hào),還有轉(zhuǎn)義符號(hào)左斜杠右斜杠,真的是很煩安安安安人,不過(guò)今天 讓我改變了我的看法,list中有很多的字段值,我們可以把要使用的,字段都取出來(lái)放到無(wú)關(guān)緊要的一些標(biāo)簽屬性里,然后在js中分割字符串,取出這些值,要用到的給后臺(tái)。
代碼:
<div class="col-md-6"><select id="parent" name="parent" class="form-control js-example-basic-single" placeholder="請(qǐng)選擇">
<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(","); //根據(jù),分割拼接的字符串
$("#xxxParentId").val(strs[0]);
$("#xxxParentCode").val(strs[1]);
$("#xxxLevel").val(Number(strs[2]) + 1); //把str[2]的數(shù)字字符串通過(guò)Number函數(shù)轉(zhuǎn)換為數(shù)字,做加法操作
} else {
$("#xxxParentId").val("");
$("#xxxParentCode").val("");
$("#xxxLevel").val(1);
}
});
總結(jié):怎么說(shuō)呢,感覺(jué)還是沒(méi)說(shuō)到點(diǎn)上,反正自己是get到了,這種拼接字符串的好處,我在開(kāi)發(fā)的時(shí)候,有時(shí)候會(huì)糾結(jié)該怎么傳遞某個(gè)值(不想用隱藏域),這種拼字符串就是我想要的那種合適的方式。
轉(zhuǎn)載于:https://www.cnblogs.com/xuchao0506/p/9566088.html
總結(jié)
以上是生活随笔為你收集整理的字符串拼串 能缓解我们的开发难度→!←(ε=(´ο`*)))唉,又是一个不知道该怎么写题目的随笔啊,头疼)...的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 移动端 | Vue.js对比微信小程序基
- 下一篇: Jquery的一些方法