從txt文件中逐個插入多個鏈接到一個iframe

Question

我試圖將多個src鏈接放入1個框架中，並將它們逐個加載。繼承人是我目前有的代碼：

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#1').on('load', function() {  
      $('#1').attr('src', "http://www.example1.com");    
    }).attr('src', "http://www.example2.lt"); 

    $('#1').on('load', function() {     
      $('#1').attr('src', "http://www.example1.com");    
    }); 

    }); 
</script> 

<iframe id="1" width="100" height="100" src=""></iframe> 

在此代碼中，它將首先加載example1.com網址，然後加載example2.com網址。

我有一個存儲網址的txt文件。我該如何做到這一點，所以JavaScript會從txt文件中讀取URL，將它們放入JavaScript中，並且一次又一次地將iframe中的url加載到txt文件中。也許還有另一種方法比我在這裏寫的那個方法做得更好？

Answer 1

我會將文件格式設置爲json已編碼的字符串數組，並使用$.ajax或$.getJSON從服務器中獲取它。

現在你有你的陣列設置你可以：

$.getJSON(... , function(success) { 
    $('#1').on('load', function() { 
    $(this).attr('src', success.pop()); 
    }).attr('src', 'http://www.google.com'); 
}); 

有點像這樣：

http://jsfiddle.net/FQLce/