Question

我正在尝试显示名为FOLDER1，FOLDER2和FOLDER3的3个文件夹中的图像。我正在尝试使用for loop逐步遍历每个文件夹，并在分类为相应文件夹名称的单独div中显示其每个内容。但是我拥有的代码无法做到这一点。由于某些原因，尽管FOLDER3的内容文件名和FOLDER1文件夹中的for循环仅循环访问FOLDER2文件夹并完全跳过FOLDER1和FOLDER2 FOLDER1 images/FOLDER1/folder1_img.jpg FOLDER2 images/FOLDER2/folder2_img.jpg FOLDER3 images/FOLDER3/folder3_img.jpg被显示为残破的图像（这很令人困惑）！也许我错过了我应该添加到我的AJAX代码中的行以使其正常工作？

这是我想要实现的结果：

FOLDER1
images/FOLDER3/folder1_img.jpg

FOLDER2
images/FOLDER3/folder2_img.jpg

FOLDER3
images/FOLDER3/folder3_img.jpg

但是-这是我当前拥有的结果：

<!DOCTYPE html>
<html>
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<body>
<div class="wflex">
    <div class="wscdfx">
        <?php $items = array("FOLDER1", "FOLDER2", "FOLDER3"); ?>
        <?php foreach ($items as $item): ?>
            <div class="spct"><?php echo "$item"; ?></div>
            <div class="prodfx"></div>
        <?php endforeach; ?>
    </div>
</div>
</body>
</html>

这是我完整的代码：

HTML脚本：

<script>
for (n = 1; n < 4; n++) {
    var folder = "images/FOLDER"+n+"/";

    $.ajax({
      url : folder,
      success: function (data) {
          $(data).find("a").attr("href", function (i, val) {
              if( val.match(/\.(jpe?g|png|gif)$/) ) { 
                  $(".prodfx").append( "<img src='"+ folder + val +"'>" );
              } 
          });
      }
  });
}
</script>

AJAX脚本：

schema_df = sqlContext.createDataFrame(zip([col[0] for col in df1.dtypes], [col[1] for col in df1.dtypes]), schema=['colname', 'datatype'])

请，如果有人可以在这里帮助我，我将非常感谢。谢谢

Answer 1

添加异步：ajax请求中为false。

如何显示来自多个文件夹AJAX

1 个答案: