javascript - Jquery & Ajax - GET 请求文本未显示在文本框上，但显示在 div 上

Question

所以我有一个页面，其中有一个文本框，可以在按键时更新，并在用户输入时立即保存到数据库中。

这是我的文本区域:

<textarea id="text"></textarea>

我想要的:

用户在两个不同的选项卡中打开同一页面两次，tab1和 tab2 .它们是完全相同的页面，但只是打开了两次。现在，如果用户转到 tab1并开始在文本区域中输入，它会立即更新并保存到数据库，并且通过 GET 请求，它将显示在 tab2 上.它工作得很好。我已将间隔设置为 1 秒。因此，每次我在 tab1 上键入内容时，它都会自动替换之前位于 tab2 的旧文本。与较新的。

请记住，我是在文本区域中键入和替换文本。

现在问题开始了:当用户输入 tab1 时并决定前往 tab2并编辑它，在 tab2 中所做的更改不会显示在 tab1 中, 但 GET 请求仍然成功。它不会更新文本区域。反之亦然。编辑文本区域后，如果用户键入内容，则任一选项卡中的文本区域都不会更新。

为了测试它，我创建了一个 div，<div id="test"></div>这在两个选项卡中都是一致的。无论更改是在哪个选项卡上进行的，它都会在任一选项卡上每秒更新一次。

我的 javascript 代码:

 <script>
    $(document).ready(function () {
        var interval = function () {
            $.ajax({
                url: "<?php echo base_url('home/get') ?>",
                cache: false,
                success: function (html) {
                    $("#text").text(html);
                    $("#test").text(html);
                },
            });
        };

        setInterval(interval, 1000);
    });
</script>

非常感谢任何帮助。

非常感谢。

Answer 1

好的，我修好了。

我不知道为什么会这样，但是替换

$("#text").text(html);

与

$("#text").val(html);

修复它。

我不知道它为什么起作用，但它起作用了。