php+jQuery+ajax实现无刷新动态追加数据

2022/3/1 17:25:02

本文主要是介绍php+jQuery+ajax实现无刷新动态追加数据,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

test.html文件

<html> 
<head> 
  <meta charset="utf-8"> 
  <title> hello</title> 
</head> 
<body> 
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"> </script> 
<script> 
  function check(){
    $.ajax({
      type:"GET",
      url:"./test.php",
      dataType:"json",
      success:function(data){
        if(data.success && data.info.length > 0){
          $("#info").append(data.info + "<br>");
        }
      },
      error:function(res){
        alert(res);
      }
    });
  }
  window.setInterval(check, 50); //每秒执行一次
  window.scrollTo(0,document.body.scrollHeight);
</script> 
<body> 
  <div style="width:1000px;margin:0 auto;"" >
    <table border='1' width="1000px" >
      <thead> 
      </thead> 
      <tbody id='info'> 
      </tbody> 
    </table> 
  </div> 
</body> 
</html> 

test.php文件

<?php 
require_once("./comm_define.php");

$redis = get_redis();
$rlt = $redis->rPop("imonitor_space");
if($rlt !== false)
{
	echo $json = '{"success":true,"info":"'.$rlt.'"}';
}
else
{
	echo $json = '{"success":false}';
}
?>


这篇关于php+jQuery+ajax实现无刷新动态追加数据的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程