2016-01-03 18 views
-2

這是我的代碼:當網頁加載時,得到的txt文件的消息

<script type="text/javascript"> 
         $(document).ready(function() { 
          $("body").ready(function() { 
           $.ajax({ 
            url : "helloworld.txt", 
            dataType: "text", 
            success : function (data) { 
             $(".slider").html(data); 
            } 
           }); 
          }); 
         });</script> 

我想這個代碼從一個.txt文件得到HTML代碼,並在此添加:

<div class="slider"> <!-- News Slider --> </div> 

該txt文件包含以下內容:

<div class="callbacks_container"> 
          <ul class="rslides" id="slider"> 
           <li>    
            <h2><a href="http://services.runescape.com/m=news/christmas--zeah?oldschool=1">Zeah</a></h2> 
            <h3><a href="http://services.runescape.com/m=news/christmas--zeah?oldschool=1">New continent, 50% expansion</a></h3> 
           </li> 
           <li>    
            <h2><a href="https://www.facebook.com">Sailing</a></h2> 
            <h3><a href="https://www.facebook.com">Sail around the world</a></h3> 
           </li> 
           <li>    
            <h2><a href="http://services.runescape.com/m=news/old-school-in-2016?oldschool=1">2016</a></h2>  
            <h3><a href="http://services.runescape.com/m=news/old-school-in-2016?oldschool=1">Christmas event coming to an end</a></h3> 
           </li> 
          </ul> 
         </div> 

上述功能不起作用,我找不到方法來解決 這個。

+0

究竟什麼是行不通的?控制檯拋出什麼錯誤?由於您的文本文件似乎保存html,爲什麼不使用'.html'文件和數據類型:''html''? –

回答

1

你在最後錯過了一些括號和URL應該/helloworld.txt

的/是importamt 我建議使用語法高亮。

<script type="text/javascript"> 
$(document).ready(function() { 
$("body").ready(function() { 
    $.ajax({ 
     url : "/helloworld.txt", 
     dataType: "text", 
     success : function (data) { 
      console.log("executed"); 
      $(".slider").html(data); 
     } 
    }); 
})}) 
</script>