js中拼接html,替换页面原来死数据



$(function(){
        //alert(4444);
            //待派单
   //$('#sendOrders').click(function(){
        //alert(1234);
        var s_id = localStorage.getItem("s_id");
        var time = getTime();
        var sign = getSign([s_id,time]);
         $.ajax({
            type: "POST",
            url: api_url+"task/addTasklist",
            data: {
                s_id:s_id,
                time:time,
                sign:sign,
            },
            dataType: "json",
            success: function(data){
                console.log(data.goodsdata);
                if(data.code==1){
                    var goodsda=data['goodsdata'];
                    var userda=data['userinfodata'];
                    var html='';
                    console.log(goodsda);
                    for(var i=0;i<goodsda.length;i++){
                        console.log(goodsda);
                        html+='<div class="sendOrders_center" style="background-color:#FFF;">';
                        html+='<div class="sendOrders_center_A">';


                        //商品信息主体
                         html+='<div class="sendOrders_center1">';
                        
                        //商信
                        html+='<div class="sendOrders_center1_R">';
                        //(1)
                        html+='<div class="sendOrdersT_top">';
                        
                        html+='<div class="sendOrdersT_topL">';
                        html+='<div style="width:100%;height:1rem;">';
                        html+='<p>';
                        html+=goodsda[i]['g_name'];
                        html+='</p>';
                        html+='<div class="sendOrdersT_topR">';
                        html+='X';
                        html+=goodsda[i]['countgoods'];
                        html+='</div>';
                        html+='</div>';
                        html+='<div style="width:100%;height:0.4rem;">';
                        
                        html+='<div style="float:left;">';
                        html+='<span>';
                        html+='规格:';
                        html+='</span>';
                        html+='<strong>';
                        if(goodsda[i]['g_style']==null){
                            html+="";
                        }else{
                             html+=goodsda[i]['g_style'];//o_color_size


                        }
                        html+='</strong>';
                        html+='</div>';
                        
                        html+='<div class="sendOrders_yetT_bot sendOrdersT_bot" style="float:right;"  onclick="zhankai(';
                        html+=goodsda[i]['o_g_id'];
                        html+=')"><div>';
                        html+='展开';
                        html+='<img src="../images/rk_zhankai.png" style="width:0.25rem;height:0.25rem;"/>';
                        html+='</div>';
                        html+='</div>';
                        
                        html+='</div>';
                        html+='</div>';
                        
                        
                        
                        html+='</div>';
                        //(1)
                        //(2)sendOrdersT_bot
                        
                        
                        
                        //(2)
                        html+='</div>';
                        //商信
                         html+=' </div>';
                        //商品信息主体
                            
                        //商品订单信息
                        var orderda=goodsda[i]['orderda'];
                        html+=' <div class="sendOrders_center2" style="display:none;" id="zk_';
                        html+=goodsda[i]['o_g_id'];
                        html+='">';
                        for(var g=0;g<orderda.length;g++){
                                html+='<label style="display:block;width:100%;height:0.8rem;">';
                                html+='订单编号:';
                                html+='<span>';
                                html+=orderda[g]['to_sub_id'];
                                html+='</span>';
                                html+='<strong>';
                                html+=orderda[g]['to_buy_time'];
                                html+='</strong>';
                                html+='</label>';
                       
                            }
                        html+='</div>';
                        //商品订单信息
                        
                        //派单按钮
                        html+='<div class="sendOrders_center3">';
                        html+='<div>';


                       
                        
                        var orderid='';
                        for(var s=0;s<orderda.length;s++){
                           orderid+=';'+orderda[s]['o_id'];
                        }
                        
                        html+='<button class="getAll" data-gid="';
                        html+= goodsda[i]['o_g_id'];//商品id


                        html+='"countg="';
                        html+=goodsda[i]['countgoods'];//商品数量
                        
                        html+= '" order-id="';
                      
                        html+=orderid;
                        html+= '">去派单</button>';


                        html+='</div>';
                        html+=' </div>';
                        //派单按钮
                        
                        html+=' </div></div>';


                    }
 


                $("#sendOrders_center").html(html);


                }else{
                    mui.toast(data.message);
                }
            }
        }); 


//}) 




//去选择买手进行派单
$("div").delegate("button","click",function(){
    var gid=$(this).attr('data-gid');
    var countg=$(this).attr("countg");
    var orderid=$(this).attr('order-id');
    var s_id = getCookie('s_id');
    var time = getTime();
    var sign = getSign([s_id,time]);
    //买手数据集
        var s_id = localStorage.getItem("s_id");
        var time = getTime();
        var sign = getSign([s_id,time]);
        $.ajax({
            type: "POST",
            url: api_url+"task/addMyerlist",
            data: {
                s_id:s_id,
                time:time,
                sign:sign,
            },
            dataType: "json",
            success: function(data){
                if(data.code==1){
                var html='';
                var userinfodata=data['userinfodata'];
                console.log(userinfodata);
                html+='<div id="userlist" class="addListtz_cy" style="width:100%;height:100%;background:#ccc;position:fixed;top:0;left:0;z-index:999;">';
                for(var i=0;i<userinfodata.length;i++){                // 选择买手列表
                    console.log(userinfodata[i]['u_id']);
                    html+='<div>';
                    html+='<input type="radio" name="radio" id="myer" class="addList_cy_gb3" value="';
                    html+=userinfodata[i]['u_id'];
                    html+='"/>';
                    html+='<img src="../images/wd_mrtx.png" style="width: 0.9rem;height: 0.9rem;"/>';
                    html+='<p>';
                    html+=userinfodata[i]['ui_name'];
                    html+='</p>';
                    html+='</div>';
                    
                }
                html+='</div>';
               
                $("#userlist").html(html);
                $("#sendOrders_center").append(html);


                $(".addList_cy_gb3").change(function(){ 
                    var go_bid = $("input[name='radio']:checked").val();
                    $.ajax({
                        type: "POST",
                        url: api_url+"/task/Taskto",
                        data: {
                            s_id:s_id,
                            time:time,
                            sign:sign,
                            gid:gid,
                            countg:countg,
                            orderid:orderid,
                            go_bid:go_bid,
                        },
                        dataType: "json",
                        success: function(msg){
                            if(msg.code==1){
                                mui.toast(data.message);
                               $('.addListtz_cy').hide();
                                history.go(0) 


                           }else{
                                mui.toast(data.message);
                           }
                            


                        }


                    });
                   


                    }); 
              




        }else{
             mui.toast(data.message);
            }




        }


            })
     
    
});


 








    
})


function zhankai(obj){
    //alert('kk')
    var dd = 'zk_'+obj;


    var dis = $("#"+dd).is(":hidden");
    var dix = $("#"+dd).is(":visible")


    if(dis){
        $('#'+dd).show();


    }
    if(dix){
        $('#'+dd).hide();


    }
}

猜你喜欢

转载自blog.csdn.net/tianjingang1/article/details/80630395