简单的 Jquery/Ajax 加载不起作用

Question

好的，所以我正在尝试制作一个简单的内容加载器，它将演变成一个聊天程序。到目前为止，我什至无法让 Jquery 的 .load() 函数工作。

这是我的主文件的重要部分：

<script type="text/javascript">
        $(document).ready(function(){
            $("#messages").load('/ajax-chat-load.php');
        });
    </script>

<div id="#messages">[No messages]</div>

这就是 /ajax-chat-load.php 中的内容

echo "Hotdogs are tasty";

现在，如果我的理解是正确的，那么当文档完成加载时，主文件应该调用 ajax-chat-load.php 将其中的 html 加载到 #messages div。但#messages div 只保留消息 [无消息]。

Answer 1

# 代表id。您不能将其用作 id = '#messages'

将您的代码更改为：

<script type="text/javascript">
        $(document).ready(function(){
            $("#messages").load('/ajax-chat-load.php');
        });
    </script>

<div id="messages">[No messages]</div>

希望这会有所帮助。

Answer 2

您不要在 html 中的 id 前面放置 #。你的messages div 也是这样：

<div id="messages">[No messages]</div>

您的 jQuery 代码看起来不错（您确实在传递给 jQuery 的 css 路径中的 id 前面放置了一个 #）。