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

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

  • 相关阅读:
    职场之道
    AlphaBlend
    感动前行——给医学媳妇写的演讲稿(非IT类)
    高等数学积分公式大全
    分析Model2系统心得
    【软考】(六)关系代数
    飞鸽传书官方站点 创立黑马程序猿训练营
    实现简单的二级级联
    const和readonly差别
    Chord算法(原理)
  • 原文地址:https://www.cnblogs.com/xuchao0506/p/9566088.html
Copyright © 2011-2022 走看看