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

简单描述:今天看我同事提交的代码,发现一个东西,让我有了一点小想法,是这样的,他利用一个‘’无关紧要‘’的标签属性,(哈哈哈,也不能说人家是无关紧要的属性了,暂时是无关紧要的属性哈,不管了 我要开写了),嗯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.mzph.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