2013-07-09 25 views
2

我試圖從服務器上的文本文件加載網頁的相同位置的div的內容/文本,它不工作。使用jquery從文本文件加載任何類型的文本

這是我寫這樣做代碼...

HTML文件

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("button").click(function() { 
       alert('loading data'); 
       $("#container").load("Content.txt"); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div id="container"> 
     Test 
    </div> 

    <button>Get External Content</button> 
</body> 
</html> 

這裏是一個文本文件的內容:Content.txt

bla, bla bla bla etc etc 

DIV的是不填充文本文件內容...任何解決方案?

最後我把一些有效的HTML文本放到文本文件中,它確實有效,但在我的情況下,文本文件中的文本將是代碼示例,並且我想從文本文件中將代碼填充爲div的文本服務器何時加載頁面。

任何與代碼示例建議將不勝感激。 jQuery樣本或JavaScript會沒事的。

謝謝&關心!

回答

3

我的猜測是,你需要設置AJAX dataType,就像這樣:

$(document).ready(function() { 
    $("button").click(function() { 
     $.ajax({ 
      url : "Content.txt", 
      dataType: "text", 
      success : function (result) { 
       $("#container").html(result); 
      } 
     }); 
    }); 
}); 

它應該檢測的數據類型,但也許沒有足夠的去。