Question

我有一个openliding侧面板，我显示内容。我有一个工作示例，但它适用于我放入的ajax var。我想扫描一个文件夹，查看我的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);
     });
    });

看起来像

问题

如何更改以便我不必为每个按钮添加data-ajaxFile="nr"手册？我希望ajaxUrls只在我服务器上的目录中获取php文件的路径。任何人都可以帮我解决这个问题吗？

Php数组到ajax var

0 个答案: