jQuery和Ajax返回不同的数据集，而不是创建单独的ajax调用。

Question

我有以下jQuery setInterval函数，可以使用ajax以30秒的间隔从php文件重新加载数据。为了获取3位信息，我正在运行3个不同的ajax调用。有没有办法将3个独立的ajax调用合并到一个调用中?其中2个调用的php文件返回来自会话的json数据，而另一个调用只返回一个数字以显示未读消息的数量。

下面是我目前拥有的jQuery代码：

setInterval(function(){


jQuery.ajax({ url: '/ajax-msgs.php?check=1', type: 'POST', dataType: 'json', cache: 'false', success: function(data) {
    var msghtml = '';
        jQuery.each(data, function() {
            msghtml += '<li><a href="message.php?id=' + this.msg_id + '">' + this.msg_subject + '</a></li>';
        });
        jQuery("#msg-menu").html(msghtml);
    }
});



jQuery.ajax({ url: '/ajax-msgs.php?check=2', type: 'POST', dataType: 'json', cache: 'false', success: function(data) {
        jQuery.each(data, function() {
            jQuery.jGrowl(this.msg_title, { life: 12000});
        });
        }
    });



    jQuery.ajax({ url: '/ajax-msgs.php?check=3', type: 'POST', dataType: 'json', cache: 'false', success: function(data) {
            jQuery("#msg-count").text('87');
        }
    });


}, 30000);

下面是php文件所做的工作：

if ($_GET['check']==1){

iMapFunction();
print_r(json_encode($_SESSION['message_overviews']));

} elseif ($_GET['check']==2){

iMapFunction();
print_r(json_encode($_SESSION['messages_new_notifications']));
unset($_SESSION['auth_messages_new_notifications']);

} elseif ($_GET['check']==3){

iMapFunction();
echo $_SESSION['messages_unread_count'];
}

Answer 1

我们的PHP可以在一个调用中返回所有数据，如下所示：

<?php

iMapFunction();
$response = array(
 'message_overviews' => $_SESSION['message_overviews'],
 'messages_new_notifications' => $_SESSION['messages_new_notifications'],
 'messages_unread_count' => $_SESSION['messages_unread_count']
);

print_r(json_encode($response));

?>

您可以像以前那样对每个数据进行迭代：

setInterval(function(){
    jQuery.ajax({ url: '/ajax-msgs.php', dataType: 'json', cache: 'false', success: function(data) {

        var message_overviews = data.message_overviews;
        var messages_new_notifications = data.messages_new_notifications;
        var messages_unread_count = data.messages_unread_count;
        var msghtml = '';

        jQuery.each(message_overviews, function() {
            msghtml += '<li><a href="message.php?id=' + this.msg_id + '">' + this.msg_subject + '</a></li>';
        });
        jQuery("#msg-menu").html(msghtml);

        jQuery.each(messages_new_notifications, function() {
            jQuery.jGrowl(this.msg_title, { life: 12000});
        });

        jQuery("#msg-count").text(messages_unread_count);

    }});

}, 30000);

Answer 2

只需创建一个端点，该端点在一个调用中执行所有操作：

我不知道php，但是创建一个关联数组并将数据分配给它。

x = {};
x['message_overviews'] = $_SESSION['message_overviews'];
x['auth_messages'] = $_SESSION['auth_messages_new_notifications'];
x['messages_unread_count'] = $_SESSION['messages_unread_count'];
print_r(json_encode(x));

然后，在jquery响应函数中，您可以访问数据并执行操作：

function(data){
  console.log(data.message_overviews);
  console.log(data.auth_messages);
  console.log(data.messages_unread_count);
}