javascript - 在外部文件中使用 JQuery 获取文本文件内容

Question

我有一个外部 javascript 文件，我想用它来收集许多文本文件的内容。 JQuery .get() 似乎是最明显的选择。如果 JQuery 在页面中，我可以使它工作，但当 JQuery 在外部文件中时则不行。我遗漏了一些非常简单的东西......我目前正在同一个文件中混合使用普通的 javascript 和 JQuery，我担心它的格式很差。

我尝试访问的所有文件都在同一文件结构中。目前我的外部 .js 中有以下内容:

function addPanels() {
    // eventually loop over list of local HTML files
    // and do some stuff with the results...
    fileContents = readHTMLFile();
}

jQuery(function($){
    readHTMLFile = $.get('../html/test.html', function(data) {
        alert('Loaded something');
        return(data);
    });
});

我的 HTML 页面包含以下内容:

<script type="text/javascript">
    $(document).ready(function(){
        addPanels();
    });
</script>

很确定这是一个 RTFM 时刻，所以找到正确的手册/教程会很棒!

丹

Answer 1

jQuery.get 是一个异步函数，在服务器返回请求的文档时执行回调。因此，您不能从该方法返回任何数据。

function addPanels() {
    // will not work
    fileContents = readHTMLFile();
}

...

readHTMLFile = $.get('../html/test.html', function(data) {
    // will not work
    return(data);
});

然而，这将起作用:

var addPanelCallback = function(html) {
    // append html (or something like that)
    alert(html);
};

var addPanel = function(url) {
   $.get(url, addPanelCallback);
};

addPanel('../html/test1.html');
addPanel('../html/test2.html');

示例:http://jsfiddle.net/FgyHp/