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

Simple Jquery/Ajax loading not working

本文关键字：加载 不起作用 Ajax Jquery 简单      更新时间：2023-09-26

好吧，所以我正在尝试制作一个简单的内容加载器，它将演变成聊天程序。到目前为止，我甚至无法让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加载到#messagesdiv。但是#messagesdiv只保留消息[no messages]。

#表示id。您不能将其用作id="#messages"

将您的代码更改为：

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

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

希望这能有所帮助。

您不会在html中的id前面放一个#。所以你的messagesdiv是这样做的：

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

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

相关文章：