关于ajax的双重循环加载

下面的数据均来自数据库查询得到  

显示效果如下：

实现代码如下：

首先得形成数组======》然后让每个模块的数据对应，所以可以将模块的id加上数组每个index的值（当然这个只是针对的是不重复值的数组）

$(function(){
/**调用初始化方法*/
getAllShop();
});
function getAllShop(){
var data1=[];
$.post("/getAllShopByshopidWcWorker/",null,function(str){
str = decodeURI(str);
var data = $.parseJSON(str);
var i=0;
for( i;i<data.length;i++){
var shopid=data[i].shopid;
data1[i]=shopid;
$("#pointQ").append("<div id='pointDetail'><div id='shopid' style='display: none'>"+data[i].shopid+"</div>"+
"<div id='tailhead1'>"+data[i].shopname+"</div><div id='tailhead2'><ul>"+
"<li>时间</li>"+
"<li>商品名称</li>"+
"<li>积分</li>"+
"<li>数量</li>"+
"<li>总积分</li></ul></div>"
+"<div class='tailhead3' id='con"+data[i].shopid+"'><ul><li>"+data[i].shopname+"总积分</li><li>"+data[i].point+"</li></ul></div></div>");
}
$(function () {
Loop_ajax(0, data1);
});
});
}
function Loop_ajax(index, array) {
if (index < array.length) { 
var value = array[index];
$.get("/getDetailPointSerchWCWorker/",{shopid:value},function(str){
str = decodeURI(str);
var data = $.parseJSON(str);
for(var j=0;j<data.length;j++){
$("#con"+value).append("<ul><li>"+data[j].pointtime+"</li><li>"+data[j].piname+"</li><li>"+data[j].point+"</li><li>"+data[j].productcount+"</li><li>"+data[j].totalpoint+"</li> </ul>");
}
if (index < array.length) {
Loop_ajax(index + 1, array); 
}
});
}
}