javascript - 在不重新加载页面的情况下更新 div - jquery/ajax setInterval

Question

一个带有通知系统和私有(private)消息系统的网站使用 setInterval 来更新相关的 2 个 div，而无需重新加载页面。

因此我使用:

<script>
$(document).ready(function () {
setInterval(function() {
    $.get("notifi_reload.php?n=1", function (result) {
        $('.notifications').html(result);
    });
}, 10000);

setInterval(function() {
    $.get("notifi_reload.php?n=2", function (result) {
        $('.private_messages').html(result);
    });
}, 10000);
});
</script> 

notifi_reload.php 只给出一个数字。代码:

$notifi = $_GET["n"];

// 1 = notification
if ($notifi == 1)
{

echo $user->data['user_notification_count'];

} else{

// 2 = PM
echo $user->data['user_new_privmsg'];

}

问题:

我每 10000 秒有一次 2 $.get 请求。是否有可能只有 1 $.get 请求？也许我可以构建 notifi_reload.php 以同时存在两者？

谢谢

Answer 1

在 JS 中

$(document).ready(function () {
    setInterval(function() {
        $.ajax({
            dataType: "json",
            url: "notifi_reload.php",
            success: function(result){
                $('.notifications').html(result.notif);
                $('.private_messages').html(result.private_msg);
            }
        });
    }, 10000);
});

在 PHP 中

$data = array();

$data['notif'] = $user->data['user_notification_count'];
$data['private_msg'] = $user->data['private_msg'];

echo json_encode($data);