ถ้าต้องการทำเป็น API แนะนำให้ใช้เป็น Load More เพื่อไม่ให้กินค่าทรัพยากรมากเกินไป และรูปแบบลักษณะ example ตัวนี้สามารถ DEV ในรูปแบบ Search Keyword ได้ด้วย index.php
<div id="result">
<?php
$select = mysqli_query($con, "SELECT * FROM example limit 0,2");
while ($row = mysqli_fetch_assoc($select)) {
echo $row['name']."<br>";
}
?>
</div>
<input type="hidden" id="nu" value="2">
<input type="button" id="load" value="Load More">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#load").click(function () {
loadmore();
});
});
function loadmore()
{
var nu = parseInt($('#nu').val());
$.ajax({
type: 'post',
url: 'getrecord.php',
data: {
nu : nu
},
success: function (res) {
$('#result').append(res);
$('#nu').val(nu+2);
}
});
}
</script>
getrecode.php
<?php
$nu = $_POST['nu'];
$select = mysqli_query($con, "SELECT * FROM example limit $nu,2");
$recode='';
while ($row = mysqli_fetch_assoc($select)) {
{
$recode.=$row['name'].'<br>';
}
echo $recode;
?>
ปล. เขียนสด run ไม่ได้ก็ลองเช็ค console ดูนะ ไม่ได้เทส