在不使用 PHP 或数据库的情况下记住文本输入

Question

我不知道这是否可能，但是...

我正在尝试创建一个非常基本的聊天功能，任何访问该页面的人都可以提出简单的问题。我受到限制，所以我只能使用 HTML 和 JavaScript 代码，所以我非常受限于我如何才能真正让它工作。

有没有什么方法可以创建一个聊天功能，允许多个用户在没有要引用的页面的情况下查看实时对话，因为我们无法将结果保存到数据库中。

到目前为止，我有下面的代码可以让聊天正常工作，但是，没有其他人可以看到对话。我们是否可以让代码主动显示更改而无需刷新页面，以便其他人可以看到对话？比如使用现场活动之类的。

如果有人有任何建议，我将不胜感激。

代码示例：

<script>
    jQuery(document).ready(function(){
        $('button').click(function(){
            var message = $('textarea').val();
            var old = $('#chatbox').html();
            $('#chatbox').html(old + '<p>' + message + '</p>');
        });
    });
</script>

<h1>Chat</h1>
<div id="chatbox">
    <p>The chat box</p>
</div>
<div id="message">
<textarea class="textarea" name="comment" id="comment" placeholder="Ask a question..."></textarea>
<button>Post</button>
</div>

Screenshot

Answer 1

对于问题“我们让代码主动显示更改”答案是肯定的（实际上你当前的代码应该已经这样做了），但是，对于问题“以便其他人可以看到对话”，答案是否。

当前的浏览器无法进行直接的客户端到客户端通信。 JavaScript 确实允许使用 websocket，例如，socket.io，但问题是无法公布当前查看同一页面的其他人的 IP，此外，暴露使用您网站的其他人的 IP 会引发隐私问题。

如果您在服务器端使用某些东西的能力更灵活一点，那么您也可以考虑使用https://webrtc.org/，这是一种允许客户端到客户端通信的标准化方式（但确实需要服务器调解它）。

Answer 2

我曾经遇到过同样的问题，本地无法使用php。

1. 我们的解决方法是使用 AJAX 在其他地方的服务器上抓取网站外部的 php 文件。

2. 您可以使用 JavaScript 将文本保存到文本文件中，然后将其拉入所有用户。

此链接可能会有所帮助 - https://thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip/