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 콜백에 대해 'success'로 잘못 입력했다고 생각합니다. –

그냥 재 게시하려고 : X를.

아약스 콜백에 대해 '성공'으로 잘못 입력했다고 생각합니다.

출처

2014-09-02 10:11:35

Renald 램 말했듯이, 당신은 잘못 입력 된 성공을 성공으로 표시합니다 :
변경이 :

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

에 :

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

출처

2014-09-02 10:07:39

U는 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. 항상 그런 것입니다. 예상대로 일하고있어, 환호! –

PHP와 Ajax를 사용하여 HTML을 검색하고 추가하기.

답변

관련 문제