百木园-与人分享,
就是让自己快乐。

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}\';
}
?>

来源:https://blog.csdn.net/cleanfield/article/details/123204365
本站部分图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » php+jQuery+ajax实现无刷新动态追加数据

相关推荐

  • 暂无文章