字符串拼串 能緩解我們的開發難度→!←(ε=(′ο`*)))唉,又是一個不知道該怎么寫題目的隨筆啊,頭疼)...

簡單描述:今天看我同事提交的代碼,發現一個東西,讓我有了一點小想法,是這樣的,他利用一個‘’無關緊要‘’的標簽屬性,(哈哈哈,也不能說人家是無關緊要的屬性了,暫時是無關緊要的屬性哈,不管了 我要開寫了),嗯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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/537944.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/537944.shtml
英文地址,請注明出處:http://en.pswp.cn/news/537944.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

SQL中使用DISTINCT顯示多個字段的方法(不使用DISTINCT了)

原文連接&#xff1a; https://www.cnblogs.com/alanliu/archive/2008/02/25/1080626.html --------------------------------- 效果是DISTINCT CUS_NO,并且同時顯示CUS_NAME.SELECTCUS_NO,MIN(CUS_NAME) ASCUS1 FROMdbo.CUS GROUPBYCUS_NO

java 注釋快捷打出時間_Java快捷---自動注釋時間作者。。。

在使用Eclipse 編寫Java代碼時&#xff0c;自動生成的注釋信息都是按照預先設置好的格式生成的。修改作者、日期注釋格式&#xff1a;打開Windows->Preferences->Java->Code Style->Code Templates&#xff0c;點擊右邊窗口中的Comments&#xff0c;可以看到有很多…

016 pickle

英文也是泡菜的意思。 學完了&#xff0c;還是感覺這個模塊是蠻不錯的&#xff0c;對多數據保存到文件中&#xff0c;然后在使用的時候&#xff0c;再讀取出來&#xff0c;讓程序閑的更加優雅&#xff0c;簡潔。 一&#xff1a;介紹 1.為什么使用 在開篇已經介紹了&#xff0c;…

centos7與centos6區別

原文連接&#xff1a;https://www.cnblogs.com/bethal/p/5945026.html ---------------------------------------------------------------- CentOS 7 vs CentOS 6的不同 (1)桌面系統[CentOS6] GNOME 2.x[CentOS7] GNOME 3.x&#xff08;GNOME Shell&#xff09;(2)文件系統[…

用java編寫日歷添加窗口一角_Java 實訓4 編寫一個窗體程序顯示日歷

實訓要求&#xff1a;1.使用BorderLayout 進行總體布局2.在North 位置放置包含兩個按鈕( 上月和下月)的Panel3.在South 位置放置一個Label 用于顯示當前年份和月份4.在Center 位置放置一個顯示日歷的Panel5.顯示日歷的Panel 設置7 行7 列的GridLayout 布局&#xff0c;其中第1行…

ER圖轉換成關系模式集的規則

轉自己博客園文章 A與B1&#xff1a;1 在A表里把B表的主鍵和關系的屬性加入到A表中 或B表里把A表的主鍵和關系的屬性加入到B表中 舉例 男人表身份證號姓名年齡女人身份證號登記日期女人表身份證號姓名年齡 A與B1:N 在A表中加入B表的主鍵與關系的屬性 小米公司納稅號公司全稱…

Grafana文檔(在Centos / Redhat上安裝)

在基于RPM的Linux上安裝&#xff08;CentOS&#xff0c;Fedora&#xff0c;OpenSuse&#xff0c;RedHat&#xff09; 描述下載CentOS / Fedora / OpenSuse / Redhat Linux穩定版本x86-64CentOS / Fedora / OpenSuse / Redhat Linux穩定版本ARM64CentOS / Fedora / OpenSuse / R…

python3數字類型分為_Python初學3——數字類型及操作

一、數1.1 整數類型( 十、二、八、十六進制 )python中整數類型與數學中的整數概念一致&#xff0c;有正有負&#xff0c;取值任意。整數的表示形式&#xff1a;整數類型表示形式舉例十進制34,163,210二進制0b1101 或 0B1101八進制0o357 或 0O357十六進制0x45ac 或 0X45ac1.2 浮…

idea 2018.1 創建springboot開啟找回Run Dashboard

原文連接&#xff1a;https://www.cnblogs.com/yangtianle/p/8818255.html ---------------------------------------------------------------------------------配置方法首先找到項目中.idea文件下的workspace.xml開打接下來找到<component name"RunDashboard"&…

wepack構建工具

神TMc css重要性 程序猿 感嘆

php獲取藍湊云文件列表,php調用藍奏云下載接口

/*** package Lanzou* author Filmy* version 1.2.1* link https://mlooc.cn*/header(Access-Control-Allow-Origin:*);header(Content-Type:application/json; charsetutf-8);$url isset($_GET[url]) ? $_GET[url] : "";$pwd isset($_GET[pwd]) ? $_GET[pwd] : …

微信支付-服務端-bug排查記錄

微信支付服務端需要對微信官方的統一下單接口發送請求獲取prepayId作為app端調用支付的憑證&#xff0c;如果返回簽名錯誤&#xff0c;首先排查代碼層面的錯誤。 方法&#xff1a;使用微信官方的簽名算法檢驗。 地址&#xff1a;https://pay.weixin.qq.com/wiki/doc/api/jsapi.…

.Net Core+mySqlSugar的一些稍復雜操作

介紹一些我嘗試的mysqlSugar的數據庫操作 修改密碼 var status db.Update<Users>(new { password user.password }, it > it.username user.username); 更新數據&#xff08;防止空值一起更新&#xff09; 首先封裝一個函數&#xff08;判斷是否為空或者數值為0&a…

nginx一個server多個servername

nginx server_name 多個的話&#xff0c;空格隔開就行

php根據漢字首字母分組,利用PHP獲取漢字首字母并且分組排序詳解

前言本文主要給大家介紹了關于PHP獲取漢字首字母并分組排序的相關內容&#xff0c;因經常我們在做項目的時候&#xff0c;會有按首字母排序的需求 比如&#xff1a; 美團的城市選擇 http://www.meituan.com/index/changecity/initiative app中按字母搜索正題網上找了各種&#…

[算法總結] 13 道題搞定 BAT 面試——字符串

本文首發于我的個人博客&#xff1a;尾尾部落 1. KMP 算法 談到字符串問題&#xff0c;不得不提的就是 KMP 算法&#xff0c;它是用來解決字符串查找的問題&#xff0c;可以在一個字符串&#xff08;S&#xff09;中查找一個子串&#xff08;W&#xff09;出現的位置。KMP 算法…

Sqlserver備份存儲過程

查了網上找不到快速備份Sqlserver存儲過程的方法&#xff0c;心里想&#xff0c;如果Sqlserver不自帶這個功能&#xff0c;真是太low了。步驟1&#xff1a;打開存儲過程文件夾步驟2&#xff1a;按 F7 鍵&#xff0c;打開“對象資源管理器詳細信息”窗口步驟3&#xff1a;點擊“…

仿拉鉤app(一)---爬蟲數據準備

工欲善其事必先利其器&#xff0c;準備做一個拉鉤的app&#xff0c;但是沒數據可怎么辦&#xff0c;那就直接扒褲衩去爬吧 一般爬蟲的思路為&#xff1a; 分析頁面結構是否有接口模仿請求&#xff08;解決反爬的各種方式&#xff09;解析數據存儲數據按照以上的思路&#xff0c…

小哼買書JAVA編寫,04_小哼買書

現在來看一個具體的例子“小哼買書”(根據全國青少年信息學奧林匹克聯賽 NOIP2006 普及組第一題改編),來實踐一下 章所學的三種排序算法。Paste_Image.png小哼的學校要建立一個圖書角,老師派小哼去找一些同學做調查,看看同學們都喜歡讀哪些書。小哼讓每個同學寫出一個自己最想讀…

[Err] 22007 - [SQL Server]從 nvarchar 數據類型到 datetime 數據類型的轉換產生一個超出范圍的值。

報錯語句&#xff1a; cast(Replace(Replace(P.DeliverDate,.,-),/,-) as datetime)改為 cast(Replace(Replace(P.DeliverDate,.,-),/,-) as datetime2)使用 datetime2 代替 datetime