javascript - 如果内容不同，使用 ajax 更新页面

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

我正在尝试创建一个投票应用程序，我需要一些帮助。

我遇到的问题是，我每 3 秒发送一次请求，并且表单中选择的所有选项都会在每次重新加载时重置。 (因此用户必须在 3 秒内做出选择并提交。)

<script type="text/javascript">
    $(document).ready(function() {
        $.ajaxSetup({ cache: false });
        setInterval(function() {
            $('#respnseDiv').load('response.php');
        }, 3000);
    });
</script>

这就是我目前用来填充 div 的内容。

我希望jquery检查每个响应的内容是否与上一个相同，如果是，则不要更新div，如果内容不同(即要投票的新问题)，请将其加载到该div。

我不太擅长js/jquery，但渴望学习

问候

约翰

Answer 1

您可以向您的 div 添加一个名为“id”的隐藏输入(即包含问题的 id)或其他内容，然后创建另一个(隐藏)div，ajax 将响应加载到该 div 中。只需比较“id”输入的值，如果它们不匹配，那么您实际上可以将 html 加载到原始 div 中。像这样:

$(document).ready(function () {
        $.ajaxSetup({ cache: false });
        setInterval(function () {
            $('#hiddenDiv').load('response.php');
            if ($("#hiddenDiv input.id").val() != $('#respnseDiv input.id').val())
            {
                $('#respnseDiv').html($('#hiddenDiv').html());
            }               
        }, 3000);
    });