ajax - webdis と redis を使用してスクロール時にデータを動的に表示する方法

Question

現在、webdis を使用して redis に接続する web ページに redis からのデータを表示しようとしています。300000 以上のデータがあり、さらに大きくなる可能性があるため、スクロール時にのみデータを表示して高速にロードしたいのですが、 IDを使用してmysqlでこれを行う方法を知っていますが、redisに存在するデータは「1.2.3.4,11.22.33.44」のようなものです。スクロールでデータを表示するにはどうすればよいですか?

現在、私はこのようなものを使用しています

<script>
var xmlhttp;
function loadXMLDoc()
{ 
url = "http://127.0.0.1:7379/zrangebyscore/key_name/-inf/+inf"; 
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for all new browsers
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE5 and IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}

function state_Change()
{
if (xmlhttp.readyState==4)
{// 4 = "loaded"
if (xmlhttp.status==200)
{// 200 = OK
//alert(xmlhttp.responseText);
var jsonData = JSON.parse(xmlhttp.responseText);
//alert(jsonData.zrangebyscore.length);

document.write('<center><table>');
//loop for rows 
for(var i=0;i < jsonData.zrangebyscore.length;i++)
{ 
document.write('<tr>'); 
document.write('<td>' + i + ']</td>'); 
document.write('<td>' + jsonData.zrangebyscore[i] + '</td>');
document.write('</tr>'); 
}
document.write('</table></center>');

}
else
{
alert("Problem retrieving data");
}
}
}
</script>

完全なデータを表示するには、少なくとも 2 ～ 3 分かかります