javascript - 如何重新加载 JSONObject 内容

标签 javascript php jquery ajax json

下面的代码从数据库中动态生成 json 数据。生成数据后,它会将其添加到特定的 div。如何让 JSONObject 的内容每 30 秒重新加载一次。这将使内容显示近乎实时的变化。

<script>

JSONObject = <?php echo include_once('../includes/dashboard-stats.php'); ?>;

document.getElementById("today_visits").innerHTML=JSONObject.todayVisits;

</script>

下面是 JSONObject = <?php echo include_once('../includes/dashboard-stats.php'); ?>; 的输出

JSONObject = {"todayEarnings":"2.60","todayVisits":"212","todayClicks":"36","todayLeads":"3","todayCalculateCR":"12%","todayEPC":"0.08","todayCTR":"17%","yesterdayEarnings":"0.40","yesterdayClicks":"35","yesterdayVisits":"148","yesterdayLeads":"1","yesterdayCalculateCR":"35%","yesterdayEPC":"0.03","yesterdayCTR":"24%","monthEarnings":"3.00","monthClicks":"75","monthVisits":"392","monthLeads":"4","monthCalculateCR":"19%","monthEPC":"0.05","monthCTR":"19%"}

    1;

我尝试使用它来尝试重新加载 json 数据。

<script>
 function load(){
JSONObject = <?php echo include_once('../includes/dashboard-stats.php'); ?>
document.getElementById("today_visits").innerHTML=JSONObject.todayVisits;
 setTimeout("load()",9000);
      }
</script>

最佳答案

您的 PHP 代码仅运行一种类型,这就是为什么结果显示相同。 使用 Ajax 调用并每 30 秒通过 PHP FILE 从数据库中获取新数据。

//Jquery语法

$.post("Your PHP SCRIPT FILE PATH HERE", { PARAMS you want to pass }, function( Get DATA FROM PHP FILE ) {

// HERE IS YOU Operation

},"DATA FORMAT");

==================================

//代码示例

function loadStats(){
 $.post( "../includes/dashboard-stats.php", { get:"stats" }, function(data) {
    $("#today_visits").html(data.todayVisits);
 }, "json");
}
$(function(){
     loadStats();
    setInterval(loadStats,9000);
}):

关于javascript - 如何重新加载 JSONObject 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23221353/

相关文章:

java - 如何从 JavaScript 调用 Griffon 小程序中的函数?

php - MYSQL - 具有多个 IN 子句的 PDO

jquery - ajax文件上传

javascript - 打开新标签页,同时下载 PDF

javascript - DataTable 如何防止在包含超链接的列中单击行

javascript - Vue.js:延迟地一次输出一个元素的数组内容

javascript - 如何控制同时运行的异步 http get 请求的数量?

php - 长时间运行的 php 脚本的内存注意事项

javascript - 响应后在 HTML 中附加未知文本

jquery - 通过遍历class来查找id