Php数组到ajaxvar

我有一个可打开的滑动侧面板，可以显示内容。我有一个工作示例，但它在我输入的ajax变量上工作。我想在一个文件夹中扫描ajax代码中加载的文件。如何将文件夹内容传递到ajax中

PHP

    <div class="standorte-wrapper">
      <div class="panel left"><!-- start pannel left -->
         <div class="pan-item tl">
           <button  class="show-hide" data-ajaxFile="0">OPEN</button>
         </div> 
         <div class="pan-item tr">
           <button  class="show-hide" data-ajaxFile="1">OPEN</button>
         </div>
         <div class="pan-item bl">
           <button  class="show-hide" data-ajaxFile="2">OPEN</button>
         </div>
         <div class="pan-item br">
           <button  class="show-hide" data-ajaxFile="3">OPEN</button>
         </div>
      </div><!-- end pannel left -->
      <div id="open" class="panel right"><!-- start sliding pannel right -->
         <div class="close-button">
           <a href="#" id="close" class="close">close</a>
         </div>
         <div id="content">
           <div id="php-content"></div>
         </div>
       </div>
   </div>

打开
打开
打开
打开

AJAX

    $(document).ready(function() {

      var ajaxUrls = [
        '/standorteContent/brauerstrasse.php',
        '/standorteContent/gutterstrasse.php',
        '/standorteContent/kauffmannweg.php',
        '/standorteContent/konradstrasse.php'
      ];

      var ajaxFiles = [];

     for (var i = 0; i < ajaxUrls.length; i++) {
       $.ajax({
          method: 'GET',
          url: ajaxUrls[i],
          success: function(data) {
          //console.log(data);
          ajaxFiles.push(data);
       }
      });
    }
    $('.adres-wrap > button').on('click', function() {
      if ($('.panel.left').hasClass('open')) {
        //alert('already open');
       } else {
       $('.panel.left').addClass('open', 1000, "easeInBack");
       $('.standorte-wrapper').addClass('expand');
       }

     $('#php-content').html(ajaxFiles[$(this).attr('data-ajaxFile')]);
     setTimeout(function (){
       $('.panel.right div').fadeIn(400);
     }, 500);   
    });

    $('#close').on('click', function() {
        $('.panel.right div').fadeOut(400);
        setTimeout(function (){
           $('.panel.left').removeClass('open');
           $('.standorte-wrapper').removeClass('expand');
        }, 500);
     });
    });

$（文档）.ready（函数（）{
var ajaxURL=[
“/standorteContent/brauerstrasse.php”，
“/standorteContent/gutterstrasse.php”，
“/standorteContent/kauffmannweg.php”，
“/standorteContent/konradstrasse.php”
];
var ajaxFiles=[]；
对于（var i=0；ibutton'）。在（'click'，function（）上{
if（$（'.panel.left'）.hasClass（'open'））{
//警报（“已打开”）；
}否则{
$（'.panel.left'）.addClass（'open'，1000，“easeInBack”）；
$（'.standorte wrapper'）.addClass（'expand'）；
}
$（'#php content'）.html（ajaxFiles[$（this）.attr（'data-ajaxFile'））；
setTimeout（函数（）{
$（'panel.right div'）.fadeIn（400）；
}, 500);   
});
$（'#close'）。在（'单击'，函数（）上）{
$（'panel.right div'）。淡出（400）；
setTimeout（函数（）{
$（'.panel.left'）.removeClass（'open'）；
$（'.standorte wrapper'）.removeClass（'expand'）；
}, 500);
});
});

看起来像

问题

---

如何更改以避免为每个按钮添加

数据ajaxFile=“nr”

手册？我想

ajaxUrls

只在我服务器上的一个目录中获取php文件的路径。有人能帮我解决这个问题吗？

我不明白的是，在请求加载页面时，您为什么会发出4个额外的服务器请求。这总共是5个，而PHP完全能够在

中直接打印这些文件的结果，我不懂？我提出一个要求不？要将数据加载到
中，则onclick将从内容中的文章编号加载数据。Wich工作正常。工作正常，1个服务器请求加载页面，4个额外的服务器请求加载内容。但这几乎没有效率。而是将内容打印到一个隐藏的div，并在单击事件中切换。好的，但这并不能回答我原来的问题。如何自动链接文件夹中文件的按钮“如何将文件夹内容传递到ajax？”。您的意思是要将文件夹名称传递给服务器，服务器将返回该文件夹中所有文件的列表？你的措辞不太清楚