Question

我尝试使用以下代码将文本从txt文档加载到div：

$(document).ready(function(){
    $('button').click(function(){
        $('#contenthere').load('Load.txt');
    });
});

HTML：

<button> click me! </button>
<div id="contenthere">//Load.txt should load here!</div>

TXT：

If this text is loaded then you've managed to succefully use jQuery!

点击功能正在运行，但加载功能根本不起作用，我尝试了不同方法解决此问题，而且Load.txt文件与索引文件位于同一文件夹中是否存储了jquery加载代码！

修改：这是我得到的错误：

XMLHttpRequest cannot load file:///C:/Users/nti/Google%20Drive/Gr%C3%A4nssnittsdesign/slutUppgift/exempel/Load.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

我也尝试过：

$(document).ready(function(){
    $('button').click(function(){
        $.ajax({
            url: "Load.txt",
            dataType: "text",
            succes : function (data){
                $("#contenthere").html(data);
            }
        });
    });
});

并得到与上述相同的错误。

Answer 1

我让代码工作，问题一定是我尝试使用file：//而不是http：//所以我将页面加载到Webb主机并使代码正常工作！

jQuery单击和加载功能不起作用

1 个答案: