javascript - AJAX调用刷新未获取数据值

Question

我正在为我的网站制作一个聊天框，但是当我尝试获取数据值时，我的结果是未定义的。我的 javascript 将 AJAX 调用到我的 fetchChat.php，如下所示...

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

function refreshChat() {
    var lastItem = 0;
    lastItem = $(".chatmessage:last-child").data('value');
    if (typeof lastItem === 'undefined')
    {
        alert("undefined");
        lastItem = 0;
    }

    $.post("outputPages/fetchChat.php", {'li':lastItem}, function(response)
    {   
        $(".messagefeed").append(response);
    });
}

我在 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 = htmlspecialchars($row['message'], ENT_QUOTES);
        echo "<p class='chatmessage' data-value='$ID'>$date $persona:     $message</p>";
    }
}
?>    

所以基本上我使用最后一条消息的数据值来获取大于最后一条消息的所有消息。但每当我在 javascript 中回显 lastItem 时，它都会返回未定义。非常感谢任何帮助!这是我自己的想法，我试图看看到目前为止我能用我的学校知识做些什么。

Answer 1

已修复!我必须将我的lastItem更改为$(".chatmessage:last-child").attr('data-value');

感谢 Roumelis 的帮助!