jquery中如何在页面加载的时候根据action中的值的长度动态生成div-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

jquery中如何在页面加载的时候根据action中的值的长度动态生成div

我action中的数据是保存在json中,然后要根据数据记录数生成多个div,

       //门店信息信息加载
       $.ajax({
               url:"findAllStoreInfoAction.action?workDate="+showCurrentTime(),
               dataType:"json",
               type:"POST",
               async:false,
               success: function (date){
                 var json = eval(date);
                 $.each(json, function(i, n){

                     createStoreDiv(json);
                 })
               }
       })    
   });

 //动态创建div
   function createStoreDiv(jsonData){
        console.info("nihao  div");
        //将actvColumns复制为空
        $("#actvColumns").html('');
        //循环action传来的jsonData中的数据
        $.each(jsonData,function(i){
          var storeName = jsonData[i].storeName; //门店名称
          var address   = jsonData[i].add_Detail; //地址
          var status    = jsonData[i].status; //状态
           console.info(storeName+" n "+address+status);
          if(i >= 6){
              //动态追加div
              $("#actvColumns").append("<div class='left' style='background-color: #68019a;'></div>"
                                    +"<div class='actColumnName' id='store"+i+"'>"+storeName+"</div>"
                                    +"<div class='actColumnNum'>"
                                    +"  <span style='font-weight: bold; font-size: 12px'>20</span> <span"
                                    +"      style='color: #333; font-size: 12px'>场</span>"
                                    +"</div>"
                                    +"<div class='pos'>"
                                    +"  <span style='font-size: 10px; margin-left: 15px;'>"+address+"</span>"
                                    +"</div>"
                                    +"<div class='topRight' style='background-color: #68019a;'>"+status+"</div>"
                                    +"<a><img src='images/institu/editAct.png'></a>");
              }else{
              //如果i大于6条 退出each循环,下面用分页显示
                return false;
              }
        })

各给大神帮帮忙啊

展开
收起
吴孟桥 2016-06-02 18:52:45 1844 0
1 条回答
写回答
取消 提交回答
  • 要在客户端对服务器返回的数据进行分页?那你需要用一个全局变量存储ajax返回的数据,分页直接操作全局变量

             success: function (date){
                var json = eval(date);
                window.data=json;
    2019-07-17 19:25:33
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关课程
更多
相关电子书
更多
Javascript中的对象
立即下载
Javascript中的函数
立即下载
JavaScript函数
立即下载