我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;
}
})
各给大神帮帮忙啊
要在客户端对服务器返回的数据进行分页?那你需要用一个全局变量存储ajax返回的数据,分页直接操作全局变量
success: function (date){
var json = eval(date);
window.data=json;
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。