js--2.字符串拼接

原创 2018年04月15日 00:05:09

1      原则

         在html的页面,传递数据都是以字符串的形式

Js时间传递参数注意

单引号转义:

 

双引号:

最大原则:页面不要有空格


2      For循环的

2.1  多选按钮

2.1.1  返回html拼接

 

success: function (data) {
   var content ='';
   for(var i=0;i<data.data.length;i++) {
      content += '<input type="checkbox" name="perId" value="'+ data.data[i].id+ '"/>'+data.data[i].permissionName;
      content += '<br />'
      if((i + 1)%3 == 0) {
         content += '<br />'
      }
   }
   $("#role").html(content);
},

 

2.1.2  Js获得

 

var perId = '';
$("input:checkbox[name='perId']:checked").each(function() {
   perId += $(this).val() + ",";
});
perId = perId.substring(0 , perId.length -1);
 


2.1.3  Controller

这里是把string数组转化成为long数组

 

String[] ss = perId.split(",");
Long [] longs = new Long[ss.length];
for(int i=0;i<ss.length;i++) {
    longs[i] = Long.parseLong(ss[i]);
}

或者直接遍历,需要的时候对单个强制

 

 

 

2.2  超链接

2.2.1  返回html拼接

success: function (data) {
            var content1 = "";
            for(var i = 0;i < data.data.length;i++) {
               content1 += '<a href="<%=path %>/controller/account/viewUser.do?role= ' +data.data[i].id + '">'  +
                     data.data[i].roleName +'</a>      ';
//             console.log(content1);
            }
            $("#content").html(content1);

         },


2.3  单选按钮

2.3.1  返回html拼接


 

success : function(data) {
    var a ='';
    for(var i=0;i<data.length;i++){
        a += '<input type="radio" name="bankName" value="'+ data[i]['fbId']  +'" /> '+data[i]['bankName'] +"("+
                data[i]['bankNumber']+")  <br /><br />";
    }
    $('#tixian').html(a);
}

 

2.3.2  js获得

  

var bankName=$('#tixianinput:radio[name="bankName"]:checked ').val();

 

 

2.4  下拉框

2.4.1  返回html拼接

 

success: function (data) {
   var op = '';
   for(var i = 0 ; i < data.length ; i++ ){
      op += '<option value="'+ data[i].id +'">';
      op +=data[i].provinceCity;
      op += '</option>';
   }
   $("#province").html(op);
}, 

2.4.2  js获得值+文本

 

 

 

 

 

 

3      扩展:省市联动—下拉框

3.1  省获得—预加载

 

var provice='${user.province}';
   //获得省
   $.ajax({
      url: "<%=path %>/controller/provinceCity/getAllProvince.do",
      type: "POST",
      dataType: "JSON",                       //返回类型
      success: function (data) {
         var op = '<option value="-1" selected>全部</option>';
         for(var i = 0 ; i < data.length ; i++ ){
            op += '<option value="'+ data[i].id +'" ';
            if(data[i].provinceCity == provice) {
               op += ' selected ';
            }
            op += ' >';
            op += data[i].provinceCity;
            op += '</option>';
         }
         $("#province").html(op);

         //如果省有默认选中值,则触发市
         var exProvince = $("#province option:selected").val();
         if(exProvince != null && exProvince != '' || exProvince != "-1" ) {
            getCityByProvince();
         }
      },
      error: function(data) {
         alert("error:"+data.responseText);
      }
   });
});


3.2  Controller

 

3.3  省触发市

 

//根据省获得相应的市
function getCityByProvince() {
   var city = '${user.city}';
   var provinceId = $("#province option:selected").val();
   $.ajax({
      url: "<%=path %>/controller/provinceCity/getCityByProvince.do",
      type: "POST",
      data:{
         provinceId:provinceId
      },
      dataType: "JSON",                       //返回类型
      success: function (data) {
         var op = '<option value="-1" selected>全部</option>';
         for(var i = 0 ; i < data.length ; i++ ){
            op += '<option value="'+ data[i].cityId +'"';
            if(data[i].city == city) {
               op += ' selected ';
            }
            op += ' >';
            op += data[i].city;
            op += '</option>';
         }
         $("#city").html(op);
      },
      error: function(data) {
         alert("error:"+data.responseText);
      }
   });
}

3.4  Controller

 

 

 

字符串拼接 聚合函数.rar

  • 2012年03月30日 21:06
  • 2KB
  • 下载

vb.net json 字符串拼接

  • 2017年07月25日 10:14
  • 78KB
  • 下载

TestCrash例子

  • 2011年08月25日 06:51
  • 6.99MB
  • 下载

sql的封装,不需要使用StringBuffer进行字符串拼接

  • 2012年04月15日 00:09
  • 4KB
  • 下载

js脚本三种实现字符串连接方法

js脚本中,可以实现两个或两个以上字符串的连接,有三种方法分别是:加法运算符“+”,字符串的concat()方法,和数组的join()方法。 function a1(){ var s1...
  • cyyax
  • cyyax
  • 2016-01-24 11:26:32
  • 718

字符串拼接多种实现方式及性能详解

java中字符串拼接有多种方式。但是为了搞清楚它们之间的区别,我做了以下的实验。 一、使用“+”符号拼接 “+”号拼接是第一时间最能想到的方式。但是它的性能却不如人意,下面是我实验...
  • HPLJAVA
  • HPLJAVA
  • 2018-01-09 15:46:18
  • 234

三种字符串拼接方式比较

在Java中对字符串的操作可以说是最常用的,在对字符串的操作中有三种拼接字符串的方法,下面我们来看看这三种方式有何不同,在什么时候用比较合适。一、从耗时角度看先来看一段代码:package com.c...
  • lxq_xsyu
  • lxq_xsyu
  • 2014-09-12 23:39:58
  • 4490

js--2.语法-10.关系运算符

1      比较运算符 1.1  作用 通过关系运算符可以比较两个值之间的大小关系,如果关系成立它会返回true,如果关系不成立则返回false     > 大于号,判断符号左侧的值是否大于右侧的值...
  • qq_26553781
  • qq_26553781
  • 2018-01-07 18:12:14
  • 60

js--2.语法-8.逻辑运算符

1      与或非 1.1  ! 非 !可以用来对一个值进行非运算     - 所谓非运算就是值对一个布尔值进行取反操作,true变false,false变true     - 如果对一个值...
  • qq_26553781
  • qq_26553781
  • 2018-01-07 18:07:55
  • 42
收藏助手
不良信息举报
您举报文章:js--2.字符串拼接
举报原因:
原因补充:

(最多只允许输入30个字)