爲什麼我的jQuery加載函數不工作？ - 在Chrome

我有這個網站：爲什麼我的jQuery加載函數不工作？ - 在Chrome

<div class="box" id="n5"> 
    <p class="text">Lorem ipsum dolor sit amet</p> 
    <textarea id="contentArea" rows="10" cols="50"></textarea> 
    <div class="more">LikeAlink</div> 
</div>

這jQuery函數：

$(document).ready(function(){ 
    $(".box .more").click(function(event){ 
     $.ajax({ 
      url : "test.txt", 
      success : function (data) { 
       $("#contentArea").html(data); 
      } 
     }); 
    }); 
});

我在網上查到了這個解決方案作爲一個例子。爲什麼它不適合我？我使用Chrome瀏覽器，但該示例在此瀏覽器上工作。

內容不會出現在文本框中。 Example

編輯：

我在控制檯此錯誤消息：

的XMLHttpRequest無法加載文件：/// C：/wamp/www/test.txt。原產地空沒有被訪問控制允許來源

編輯＃2允許：

對於那些有興趣，這似乎是在本地服務器在Chrome中的一個問題。爲了測試，用這種說法

- 禁用網絡安全

的chrome.exe - 禁用網絡安全

來源

2012-02-17 Pier-Alexandre Bouchard

你需要指定你的意思通過不工作？該代碼有很多可能出錯的地方 – gideon 2012-02-17 02:43:00

內容不會出現在文本框中！ – 2012-02-17 02:44:32

@ Pier-alexandreBouchard：我剛剛測試了你的鏈接示例。它在Chrome中適用於我。 – 2012-02-17 02:45:48

根據您的評論Chrome啓動

XMLHttpRequest無法加載file：/// C：/wamp/www/text.txt。訪問控制 - 允許來源不允許來源空位

這是因爲您正在從文件系統加載它，而不是通過Web服務器提供它。

我用一些JSON數據做了同樣的事情，結果也一樣。設置正確的MIME類型在你的Web服務器和服務從http://example.com/text.txt代替file:///C:/wamp/www/text.txt

如果你認爲你的一切配置正確，嘗試登錄什麼data回報作爲第一步。

$(document).ready(function(){ 
    $(".box .more").click(function(event){ 
     $.ajax({ 
      url : "test.txt", 
      success : function (data) { 
       // either 
       alert(data); 
       // or 
       console.log(data); 
      } 
     }); 
    }); 
});

閱讀更多關於jquery.ajax在jQuery網站。

http://api.jquery.com/jQuery.ajax/
http://api.jquery.com/jQuery.ajaxSetup/

來源

2012-02-17 02:40:43

爲什麼它需要是JSON？ – 2012-02-17 02:43:07

我還在編輯完整的答案。 – 2012-02-17 02:46:59

你完成編輯了嗎？ – 2012-02-17 02:48:14

爲什麼我的jQuery加載函數不工作？ - 在Chrome

回答

相關問題