2012-02-18 62 views
1

我需要能夠通過txt文件(或xml或任何最簡單的)更新網站上的日期。 這就是HTML現在的樣子,我需要將「這應該是動態的」一行從外部文件加載,我可以輕鬆更新。從txt文件加載文本

<div class="container"> 
    <div> 
     <h1>LOREM IPSUM:<br /> 
      THIS SHOULD BE DYNAMIC 
      <div class="separator"></div> 
      LOREM IPSUM<br /> 
      LOREM IPSUM<br /> 
      LOREM IPSUM</h1> 
    </div> 
</div> 
+0

是否可以使用span元素來包裝「這應該是動態的」,以便於選擇? – 2012-02-18 23:18:13

+0

你可以使用'load()'http://api.jquery.com/load/ – elclanrs 2012-02-18 23:18:40

+0

什麼技術呈現你的HTML?有大約47種不同的方法可以解決這個問題,沒有人會在沒有更多信息的情況下判斷哪一種方法適合您。 – bmargulies 2012-02-18 23:18:58

回答

1

如果自動換行:

<span id="dynamicdate">THIS SHOULD BE DYNAMIC</span> 

那麼你可以使用.get()

$(function(){ 
    $.get("your-url-to-file.txt", function(data) { 
     $("#dynamicdate").html(data); 
    }); 
}); 
+0

這似乎在Dreamweavers實時視圖中起作用,但只要我在瀏覽器中測試它,「這應該是動態的」文本沒有改變? – 2012-02-18 23:32:50

+0

@CraigJonathanKristensen在瀏覽器中是否有JS錯誤? – 2012-02-18 23:35:05

+0

XMLHttpRequest無法加載file:/// C:/Users/Craig%20Kristensen/Desktop/myurl.txt。 Access-Control-Allow-Origin不允許Origin null。 – 2012-02-18 23:36:01

0

添加跨度:

<span id="unique-id-here">THIS SHOULD BE DYNAMIC</span> 

然後使用jQuery來從文本文件中的數據:

$.get('myurl.txt',function(data){ 
    $('#unique-id-here').html(data); 
}); 
+0

我試過你的解決方案,但它似乎並沒有工作。我的HTML文件旁邊有一個txt文件(myurl.txt)。 – 2012-02-18 23:27:58

+0

這似乎在Dreamweavers實時視圖中起作用,但只要我在瀏覽器中測試它,「這應該是動態的」文本沒有改變? – 2012-02-18 23:34:21