javascript - setInterval 第二次不处理 ajax 调用

Question

Jquery:

var myVar = setInterval(function() {
    refreshChat()
}, 1000);

function refreshChat() {
    var lastItem = 0;
    var ptags = document.querySelectorAll('.chatmessage');

    [].forEach.call(ptags, function(ptags) {
        lastItem = ptags.val();
    });

    $(".messagefeed").append(lastItem);


    $.post("outputPages/fetchChat.php", {
        'li': lastItem
    }, function(response) {
        $(".messagefeed").append(response);
    });
    alert("IS AJAX CALL RUNNING? YES");
}

fetchChat.php:

<?PHP
require "../pages/connect.php";

$li = $_POST;
$li = implode($li);

$fetch = "SELECT * FROM chat WHERE messageID >= '$li' ORDER BY messageID ";

if ($result = $mysqli->query($fetch)) {
    while ($row = $result->fetch_array()) {
        $ID = $row['messageID'];
        $date = $row['messageDate'];
        $persona = $row['messagePersona'];
        $message = $row['message'];

        echo "<p class='chatmessage' value='$ID'>$date;
        $persona: $message</p>";
    }
}
?>

此调用在第一次时有效，但仅在那时有效。它再也不会打电话了。如果我逐行注释我的所有 javascript 和取消注释，则第二次调用只会在我到达 ajax 调用时停止工作。我试过在我的 php 中添加 die 和 exit 但这并不能解决问题。非常感谢任何帮助!

Answer 1

将您的 setIntervalline 更改为以下。

var myVar = setInterval("refreshChat()", 1000);