使用AJAX將結果添加到頁面的底部

Question

我有一些代碼遍歷一些數據庫結果並顯示它們，例如... 注意：item.php文件只是用一些格式回顯結果。

<ul class="post-column"> 
          <?php 
          foreach ($data as $lineitem): 
          $type = $lineitem['type']; 
          if($type == "article"){ 
           require('php/articleitem.php'); 
          } 

          endforeach; 
          ?> 
         </ul> 

當我到頁面的底部，我想要做一個AJAX DB調用以獲得進一步的結果...

if ($(window).scrollTop() >= $(document).height() - $(window).height() - 700) { 
     startpoint = startpoint + 10; 

     processing = true; 

     $.ajax({ 
      url: "AJAX/moritems.php", 
      type: "post", 
      async: false, 
      //this is where we define the data that we will send 
      data: { 
       startpoint: startpoint, 
      }, 
      success: function (data) { 

      }, 
     }); 
     processing = false; 
    } 

我想，然後使用DB結果顯示更多數據低於我已經在屏幕上顯示的數據，但是因爲我已經在PHP中顯示了結果，我該如何做？我是否必須使用AJAX加載結果的新php頁面，然後使用javascript將它添加到結果底部的現有頁面中？

Answer 1

答案是肯定的。例如：

function load() { 
    var xmlhttp; 

    xmlhttp = new XMLHttpRequest(); 

    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == XMLHttpRequest.DONE) { 
      if(xmlhttp.status == 200){ 
       document.getElementById("myDiv").innerHTML += xmlhttp.responseText; 
      } 
      else if(xmlhttp.status == 400) { 
       alert('There was an error 400') 
      } 
      else { 
       alert('something else other than 200 was returned') 
      } 
     } 
    } 

    xmlhttp.open("GET", yoururl, true); 
    xmlhttp.send(); 
} 

您需要定義yoururl和功能鏈接到click事件分頁按鈕，或者你scroll時運行它。