Question

我在将页面上的当前列表项与通过PHP AJAX刷新检索的列表项进行比较时遇到问题。如果有新项目我只想刷新框。

PHP返回一堆格式化的HTML列表项。

<ul class="socialFeed twitterFeed">
    <script type="text/javascript">
        $(function() {
            refreshTweets();
        });
        function refreshTweets() {
            $.get("php/tweets.php", function(data){
                var current = $(".socialFeed.twitterFeed").html();
                if(current != data) {
                    $(".socialFeed.twitterFeed").hide().html(data).fadeIn();
                }
            });
        }
        setInterval("refreshTweets()", 2000);
    </script>
</ul>

我无法弄清楚为什么字符串比较不起作用。我错过了什么，但我不确定是什么。

Answer 1

试试这个：

<ul class="socialFeed twitterFeed">
    <script type="text/javascript">
        var current;
        $(function() {
            refreshTweets();
        });
        function refreshTweets() {
            $.get("php/tweets.php", function(data){
                if(current != data) {
                    current = data;
                    $(".socialFeed.twitterFeed").hide().html(data).fadeIn();
                }
            });
        }
        setInterval(refreshTweets, 2000);
    </script>
</ul>

将当前HTML与PHP AJAX调用返回的数据进行比较

1 个答案: