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

xiaoxiao2021-02-28  70

$(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;"  οnclick="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();     } }
转载请注明原文地址: https://www.6miu.com/read-2627481.html

最新回复(0)