将txt文件数据读入javascript数组

Question

我有一个脚本，可按顺序将网址放入一个iframe：

 <script type="text/javascript">
    $(document).ready(function(){   
    var array = ['http://www.example1.come', 'http://www.example2.com', 'http://www.example3.com'];
    var beforeLoad = (new Date()).getTime();
    var loadTimes = [];
    $('#1').on('load', function() {
       loadTimes.push((new Date()).getTime());                  
       $('#1').attr('src', array.pop());
        if (array.length === 0) { 
            $.each(loadTimes, function(index, value) {
               $("#loadingtime"+index).html(value - beforeLoad); 
            });
        }
    }).attr('src', array.pop());
    });
    </script>

我得到了带有网址列表的txt文件。 该文件中的url写入一列（1列，每个URL都从换行符开始）。 如何用该txt文件的内容替换javascript中的“ var array”？

Answer 1

这是基本要点，您将需要在检索文件后将要运行的任何代码嵌入到我放置注释的位置。

$.get("your_url", 
       function(data) {
           var array = data.split(/\r\n|\r|\n/) //regex to split on line ending
           var beforeLoad = (new Date()).getTime();
           var loadTimes = [];
           //.... rest of your code here
       }
);

请注意，如果文件不存在，则不会进行任何错误处理，您可能需要重写它，以使用此处描述的jQuery的“ Promise”接口。

Answer 2

使用jQuery的get方法直接从服务器请求文件，或使用get调用将文件解析为友好格式（例如JSON）的php脚本。

$.get('file.txt');

如果您将网址解析为JSON格式，则在收到网址后就可以轻松使用这些网址。

$.get('file.txt', function(data){
    obj = JSON.parse(data);
    // ....
});