我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;
}
})
各给大神帮帮忙啊
你的代码不是已经基本实现动态生成div了么,加一个for循环动态拼装html元素就是了
$.ajax({
type : "POST",
url : "XXX",
async : true,
success : function(data) {
var innnerHTML = '';//要append到dom元素中得html
var res = eval(data);//将json转换为数组对象。可以通过res.param(param为属性名来获取属性信息)
//通过遍历res,拼装innnerHTML,最后append到dom下
for (var i = 0; i < res.length; i++) {//
if(res.length>6){
innnerHTML+='XXX';
}else{
innnerHTML += 'XXX';
}
}
$("#activity_list").html('');
$("#activity_list").html(innnerHTML);
}
});
要在客户端对服务器返回的数据进行分页?那你需要用一个全局变量存储ajax返回的数据,分页直接操作全局变量
success: function (date){
var json = eval(date);
window.data=jso
n;