为什么我的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

回答

相关问题