簡(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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。