將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);
    // ....
});