title: load content and show one by one php ajax
body: <pre><code>&lt;script&gt;
      function getfilter(str){
          if (str==""){
              document.getElementById("result").innerHTML="";
              return;
          }
  
          $.ajax({
              url: "Views/pfolioresult.php?q="+str,
              type: "GET",
              //  data: serializedData,
              success: function ( responseText ) {
                  $("#result").html(responseText); 
              }
          });
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>This code works correctly. But suppose I have 10,000 data in database. This code show all data at once after loading. How is it possible to show data one by one depending on load time. That means when one item is loaded then show it, and other continuously show.</p>