GDownloadUrl関数の使い方（外部ファイルの取得）

サンプルとして，以下のような外部ファイルを用意しておきます．

戸山公園では紅葉が始まっている．

ファイルはこちら

以下のように，JavaScriptのスクリプトファイルを用意します．

function initialize() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("mymap"));
    map.setCenter(new GLatLng(35.70282282786898,139.71399307250976), 15);

  }
}

function downloadData(){
  GDownloadUrl("strdata.txt", function dispData(data, statusCode){
    alert(data);
  });
}

スクリプトはこちら

HTMLファイルを用意します．（但し，表示される地図はファイルの取得とは特別な関係はありません．）

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>サンプル：ファイルの取得の手順</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=（キー入力）&sensor=false"
            type="text/javascript" charset="utf-8"></script>
    <script src="urltest.js" type="text/javascript"></script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="mymap" style="width: 500px; height: 500px"></div>

    <form>
    <p>
    <input type="button" id="btn" value="ダウンロード" onclick="downloadData()" />
    </p>
    </form>

  </body>
</html>

ウェブサイトはこちら

当該URLを開いて，地図の下のダウンロードボタンをクリックすると，外部ファイルの内容が表示されます．

上のサイトのうち，スクリプトをエラーコードを捕捉できるように変更します．

function initialize() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("mymap"));
    map.setCenter(new GLatLng(35.70282282786898,139.71399307250976), 15);
   }
}

function downloadData(){
  GDownloadUrl("strdata.txt", function dispData(data, statusCode){
    alert(data);
    alert(statusCode);
  });
}

ウェブサイトはこちら

当該URLを開いて，地図の下のダウンロードボタンをクリックすると，外部ファイルの内容が表示されると共にエラーコード番号が表示されます．

エラーコードは，以下のようになっています．

200	OK
401	Unauthorized
403	Forbidden
404	Not Found
500	Internal Server Error

GDownloadUrl関数の使い方（外部ファイルの取得）

外部ファイル

エラーコードの捕捉

演習課題