[PHP知识库] php+jQuery+ajax实现无刷新动态追加数据

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> PHP知识库 -> php+jQuery+ajax实现无刷新动态追加数据 -> 正文阅读

[PHP知识库]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}';
}
?>