警報データ取得ライブラリ化検討中

出来る方はやってみてください.

これで特定日のデータは取れるようになりました.

実行すると警報が出ている地域の一覧が出ます

<html>
<head>
<title>警報書き出し</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<!-- metaタグで スマホの挙動を制限している -->
</head>
<body>
<h2>警報データ検索(ダミーデータ)</h2>
 
<script type="text/javascript">

 
httpObj = new XMLHttpRequest();//XML読みに行ってね
httpObj.open("get", "http://api.aitc.jp/jmardb/reports/84a9b370-b399-35b1-aee5-9dbb8a03597a.json", true);//テスト用のアドレス
//httpObj.open("get", "http://api.aitc.jp/jmardb/reports/32df3636-4dab-308b-a1ad-62a609b514c7.json", true);//発令のダミーデータがここに
httpObj.onload = function(){
var myData = JSON.parse(this.responseText);//読み込んだデータをテキスト化してmyDataに格納

var txt = "";//表示用にダブルクォーテーションで文字列化するための準備

for(var i=0; i < 6; i++){//warning[2]はエリア
for(var a=0; a<myData.report.body.warning[2].item[i].kind.length; a++){//itemの長さは実際に55ありiを1つずつ加算しその要素を調べる
if(myData.report.body.warning[2].item[i].kind[a].code == 5 || myData.report.body.warning[2].item[i].kind[a].code == 35 || myData.report.body.warning[2].item[i].kind[a].code == 33){//警報の要素はaを1つずつ加算し中を見る.5が暴風警報,33は大雨特別警報.35が暴風特別警報
txt += myData.report.body.warning[2].item[i].area.name + "で" + myData.report.body.warning[2].item[i].kind[a].name + myData.report.body.warning[2].item[i].kind[a].status + "<br />";
//area.nameは地域名,kind[a].nameは警報の名前 kind[a].statusは発令か継続か(あまりないけど解除か)
		}
	}
}
document.getElementById("result").innerHTML = txt;
}
httpObj.send(null);
</script>
 
<div id="result"></div>

 
</body>
</html>