如何在使用JavaScript從外部文件加載廣告列表的頁面上旋轉廣告？

Question

我正在嘗試使用javascript從文件加載變量。 我找到了一些示例，但似乎無法使其正常工作，並且確實可以使用一些幫助來正確設置語法。

基本上，我想在頁面上加載隨機廣告圖片，但我希望從文件中提取廣告列表。 目前，我正在使用在Internet上找到的以下腳本加載圖像：

    <script type="text/javascript">
     var picPaths = [
      '/images/ad-1.jpg',
      '/images/ad-2.jpg',
      '/images/ad-3.jpg',
      '/images/ad-4.jpg'
     ]
     var oPics = [];
     for(i=0; i < picPaths.length; i++){
      oPics[i] = new Image();
      oPics[i].src = picPaths[i];
     }
     curPic = Math.floor(Math.random()*oPics.length);
     window.onload=function(){
      document.getElementById('imgRotator').src = oPics[curPic].src;
     }
    </script>

我一直在嘗試從文件中加載picPath變量值（而不是在代碼中說明）。 我在這里在stackoverflow上找到了一些代碼，並嘗試將其調整為以下代碼：

    var picPaths = new XMLHttpRequest();
    picPaths.open('GET', '/images/liveimages.inc');
    picPaths.send();

我還創建了文件/images/liveimages.inc，其中包含以下內容：

     '/images/ad-1.jpg',
     '/images/ad-2.jpg',
     '/images/ad-3.jpg',
     '/images/ad-4.jpg'

但是，a，它無法正常工作，而且我還沒有足夠的程序員來修復它。 :-(我以為我的語法已經關閉，但是我不是JavaScript專家，我的代碼也可能關閉了。

任何幫助將不勝感激，並感謝您抽出時間閱讀（並回復）我的問題！ :-D

Answer 1

如果將數據文件存儲為JSON，則可以使用AJAX / XMLHTTPRequest來獲取它，並使用JSON.parse （在所有現代瀏覽器中都可用）讀取它。

---

一個更簡單的方法也許就是擁有一個僅包含數據的腳本，例如：

var picPaths = [
 '/images/ad-1.jpg',
 '/images/ad-2.jpg',
 '/images/ad-3.jpg',
 '/images/ad-4.jpg'
];

然后以正確的順序包含您的腳本：

<script type="text/javascript" src="picpaths.js"></script>
<script type="text/javascript" src="ad_script.js"></script>

ad_script.js將能夠訪問picPaths 。

您可能需要一些服務器端腳本來為您生成picpaths.js，例如，通過查看文件夾或數據庫的內容並從中獲取廣告信息。