1

javascriptを使用してファイルから変数を読み込もうとしています。私はいくつかの例を見つけましたが、それを機能させることができないようで、構文を正しくするために実際にいくつかの助けを使うことができました。

基本的に、ページにランダムな広告画像をロードしたいのですが、広告のリストをファイルから取得したいと思います。現在、インターネットで見つけた次のスクリプトを使用して画像を読み込んでいます。

    <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'

しかし、残念ながら、それは機能しておらず、私はそれを修正するのに十分なプログラマーではありません。:-(私は自分の構文がオフになっていると思っていますが、私はJavaScriptの人ではないので、コードもオフになっている可能性があります。

私の質問を読んで（そして答えて）時間を割いてくれてありがとう！:-D

4

1 に答える 1

0

データファイルを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を生成することができます。

于 2013-01-03T18:08:10.813 に答える