使用PHP和Ajax檢索和追加HTML

嗨，我試圖將HTML附加到列表以創建無限滾動效果，請不要通過告訴我使用插件來回復。使用PHP和Ajax檢索和追加HTML

我從檢查員那裏得知，onClick（）通過它調用的PHP腳本正確地生成HTML，但是生成的HTML不會被附加到文檔的其餘部分。

這裏是我的代碼（JQuery的已導入）：

HTML：

<body> 
     <div id='container'> 
      <?php include 'inc/header.php'; ?> 
      <?php include 'inc/nav.php'; ?> 

      <section class="grid-wrap"> 
       <ul class="grid swipe-right custom-grid" id="grid"> 
        <?php 
         $files = glob('img/gallery/*.{jpg,png,gif,JPG}', GLOB_BRACE); 

         $total = 9; //count($files); 

         for ($i = 0; $i < $total; ++$i) { 
          echo "<li><a href='" . $files[$i] . "' target='_blank'><img class='lazy' src='" . $files[$i] . "' alt= 'Image of Sheila' /><h3>View Full Image</h3></a></li>"; 
         } 
        ?> 
       </ul> 

       <div id='load-more'>VIEW MORE PHOTOS</div> 
      </section> 


      <?php include 'inc/footer.php'; ?> 

     </div> 

     <script> 
      $('#load-more').click(function(){ 
       $.ajax({ 
        url: 'inc/gallery/gallery2.php', 
        dataType: 'html', 
        sucess: function(php){$('.grid-wrap').append(php);} 
       }); 
      }); 
     </script> 
    </body>

gallery2.php：

 <?php 
      $files = glob('../../img/gallery/*.{jpg,png,gif,JPG}', GLOB_BRACE); 
      $total = 9; 
      $id = 1; 

      echo '<ul class="grid swipe-right custom-grid" id="grid' . $id . '">'; 

      for ($i = $total; $i < ($total + 9); ++$i) { 
       echo "<li> 
         <a href='" . $files[$i] . "' target='_blank'> 
          <img src='" . $files[$i] . "' alt= 'Image of Sheila' /> 
          <h3>View Full Image</h3> 
         </a> 
         </li>"; 
      } 

      $total+= 9; 
      echo '</ul>'; 
     ?>

來源

2014-09-02 UUake Up

我認爲你錯誤地輸入'成功'作爲你的ajax回調'成功'。 – 2014-09-02 10:02:06

只是我的意見的轉貼：X。

我認爲你錯誤地輸入'成功'作爲你的ajax回調'成功'。

來源

2014-09-02 10:11:35

正如Renald Lam說，你錯誤地將成功視爲成功：
改變這一點：

sucess: function(php){$('.grid-wrap').append(php);

到：

success: function(php){$('.grid-wrap').append(php);

來源

2014-09-02 10:07:39

ü失蹤success功能s，並嘗試

$('#load-more').click(function(){ 
    $.ajax({ 
     url: 'inc/gallery/gallery2.php', 
     dataType : 'html', 
     success: function(php){ 
      $('.grid-wrap ul').append(php); 
     } 
    }); 
});

來源

2014-09-02 10:08:59 kefy

HERP DE DERP DERP。它總是這樣的。所有工作如預期，歡呼！ – 2014-09-02 10:23:35

使用PHP和Ajax檢索和追加HTML

回答

相關問題