关于ajax的双重循环加载

最新推荐文章于 2022-01-07 21:53:03 发布

Leo_Lerry

最新推荐文章于 2022-01-07 21:53:03 发布

阅读量1.6k

点赞数

分类专栏： JAVA学习

本文链接：https://blog.csdn.net/Leo_Lerry/article/details/78017322

版权

该博客介绍了如何使用Ajax进行双重循环加载数据，以展示从数据库查询到的商店信息和详细积分记录。首先，通过Ajax获取所有商店信息并将其存储在数组中，然后遍历数组，为每个商店ID创建相应的DOM元素。接着，内部的Ajax调用用于获取每个商店的详细积分数据，并将其添加到对应的DOM元素中。整个过程展示了如何动态地构建和填充HTML内容。

摘要由CSDN通过智能技术生成

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

显示效果如下：

实现代码如下：

首先得形成数组======》然后让每个模块的数据对应，所以可以将模块的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++){
v