用ajax自動更新.txt

Question

由於我是網絡編程新手，我有一些問題。 我想實現一個非常基本的聊天顯示在我的index.php。

它基本上是一個* .txt文件，應該每秒重新加載一次automaticalle。

我現在代碼：

<script> 
 
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js" 
 

 
$(document).ready(function() { 
 
console.log("ready!"); 
 
}); 
 
function getLog() { 
 
$.ajax({ 
 
    url: 'chat.txt', 
 
    dataType: 'text', 
 
    success: function(text) { 
 
     $("#chat").text(text); 
 
     setTimeout(getLog, 1000); // refresh every second 
 
     } 
 
    }) 
 
} 
 
getLog(); 
 
</script> 
 

 
(...) 
 
<div class="panel panel-default"> 
 
\t <div class="panel-heading"><strong>Soloranking.de 
 
      Chat</strong></div> 
 
\t \t \t <div id="chat"> 
 
\t \t \t </div> 
 
    </div> 
 
</div>

我的問題是，沒有什麼是顯示我現在缺乏的解決方案。 我敢打賭，這只是一個小錯誤，但我會很感激你的幫助:)

親切的問候， 揚

Answer 1

src屬性應位於script標記內。此外，所有的代碼應位於$(document).ready()函數中。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 

<script> 
    $(document).ready(function() { 
     function getLog() { 
      $.ajax({ 
       url: 'chat.txt', 
       dataType: 'text', 
       success: function(text) { 
        $("#chat").text(text); 
        setTimeout(getLog, 1000); // refresh every second 
       } 
      }) 
     } 

    getLog(); 
    }); 
</script> 


<div class="panel panel-default"> 
    <div class="panel-heading"> 
     <strong>Soloranking.de Chat</strong> 
    </div> 
    <div id="chat"></div> 
    </div> 
</div> 

Answer 2

添加

// A $(document).ready() block. 
$(document).ready(function() { 
    console.log("ready!"); 
}); 

如果它仍然不工作，然後從添加jQuery庫CDN。

希望這可以幫助你。

Answer 3

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js

添加該庫jQuery的運行。

您的$不是deifine。

Answer 4

也許把方法的參數在Ajax請求