求助:jQuery不加载PHP文件?

我无法使用JQuery / Ajax将PHP文件的内容加载到div标签中。 这是我正在加载的文件页面:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script>
function init() {
    reloadChat();
    setInterval (reloadChat, 5000);
}

function reloadChat() {
    $.ajax({  
        url: "chat.php",  
        cache: false,  
        success: function(){
            $("#chatmenu").load("chat.php");
        },  
    });  
}
</script>

<body onLoad='init()'></body>

<div id='chatmenu'></div>
我正在加载的PHP文件(chat.php)在同一文件夹中,只是一个echo语句:
<?php echo "test"; ?>

为了确保Javascript函数没有问题,我在函数下添加了一个警报,并且每5秒就会提醒我一次,因此我认为load语句确实有问题。

Use .load() straight away, no need to make an Ajax request first:

function reloadChat() {
    $("#chatmenu").load("chat.php");  
}

Update:

I notice that in your example code, you close your body-tag before your div element.

<body onLoad='init()'></body> <!-- This ain't right --> 
<div id='chatmenu'></div>

Try this instead:

<body onLoad='init()'>
    <div id='chatmenu'></div>
</body>

Try this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script>

function init() {
    reloadChat();
    setInterval (reloadChat, 5000);
}

function reloadChat() {
    $.ajax({  
        url: "chat.php",  
        cache: false,  
        success: function(response){
            $("#chatmenu").text(response);
        },  
    });  
}

</script>

<body onLoad='init()'></body>

<div id='chatmenu'>

</div>

Also, for the love of god, please use an up-to-date version of jQuery

Putting it all together:

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <div id="chatmenu"></div>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
      $(function() {
        setInterval (function() { 
           $("#chatmenu").load("chat.php");
        }, 5000);
      });
    </script>
  </body>
</html>

It looks your first request from $.ajax will return 'test', and then you're using that as the URL for $("#chatmenu").load.

Try this:

function reloadChat() {
    $.ajax({  
        url: "chat.php",  
        cache: false,  
        success: function(data){
            $("#chatmenu").append(data);
        },  
    });  
}

Or, if you want to replace the contents of #chatmenu the method posted by Christofer Eliasson where you just call $("#chatmenu").load("chat.php") in reloadChat will work.