三步骤摆脱传统拼接字符串

一.定义textarea模板

 

<textarea id="messagelist">

    <tr id="{id}">

        <td>{smsType}</td>

        <td>{contentTemplate}</td>

        <td>{noticeSwitch}</td>

        <td><em class="edit">编辑</em></td>

    </tr>

  </textarea>

 

2.定义字符串替换方法

    String.prototype.tem = function(option) { //为string对象追加方法

            return this.replace(/{([^}]+)?}/g, function(q,b) {

                  return option[b];

            });

     };

 

3.获取模板匹配字符串 

        $.ajax({

            url:"",

            type:"post",

            dataType:"json",

            success:function(data){

                var temp=$('#messagelist').val();//对textarea取value获取模板

                var arr=data.data.data;//从接口中获取数组[{id:0,b:2},{id:1,b:5}...]

                $.map(arr,function(i){

                    $('#list').append(temp.tem(i))//字符串调用tem方法

                })

            }

        })