为什么不'我的jQuery加载函数工作吗?-在Chrome上

Why doesn't my jQuery load function work? - On Chrome

本文关键字：Chrome 工作 函数 我的 加载 jQuery 为什么不      更新时间：2023-09-26

我有这个html:

<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，但这个例子在这个浏览器上有效。

内容不会显示在文本框中。示例

编辑：

我在控制台上有这样的错误消息：

XMLHttpRequest无法加载file:///C:/wamp/www/test.txt.访问控制允许原点不允许原点为空

编辑#2：

对于那些感兴趣的人来说，这似乎是本地服务器上Chrome的一个问题。要进行测试，请使用以下参数启动Chrome

--禁用网络安全

chrome.exe—禁用web安全

根据您的意见

XMLHttpRequest无法加载file:///C:/wamp/www/text.txt.访问控制允许原点不允许原点为空

这是因为您从文件系统加载它，而不是通过web服务器提供它。

我对一些JSON数据做了完全相同的事情，得到了相同的结果。在web服务器中设置正确的MIME类型，并从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网站上阅读更多关于jquery.ajax的内容。

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

相关文章：