--- title: jQuery.getJSON でファイルがない時の処理 tags: jQuery getJSON author: ekzemplaro slide: false --- jQuery.getJSON でファイルがないのを明示する方法です。 .fail がポイントです。 ファイルがあった場合 ![success_jquery.png](https://qiita-image-store.s3.amazonaws.com/0/179446/ccc49d11-b8c8-2f5b-ae42-3aa13a9fdbdb.png) ファイルがなかった場合 ![fail_jquery.png](https://qiita-image-store.s3.amazonaws.com/0/179446/50f3a7cb-77a2-1525-8eb2-f87cf86e3765.png) html ファイル ```html:index.html example_json

example_json

contents

Jul/24/2018 AM 08:25

``` ```js:example_json.js // ----------------------------------------------------------------------- // example_json.js // // Jul/24/2018 // // ----------------------------------------------------------------------- jQuery (function () { jQuery("#outarea_aa").text ("*** example_json *** start ***") var data_text = "" // var file_in = "./tochigi.json" var file_in = "./cities.json" jQuery.getJSON (file_in,function (data_aa) { var str_out = "" str_out += "" for (var key in data_aa) { str_out += "" str_out += "" str_out += "" str_out += "" str_out += "" } str_out += "
" + data_aa[key].name + "" + data_aa[key].population + "" + data_aa[key].date_mod + "
" jQuery(".contents").html (str_out) }) .fail(function(jqXHR, textStatus, errorThrown) { var str_out = "

Not Exist

" str_out += "
" str_out += file_in + "
" str_out += "
" jQuery(".contents").html(str_out) jQuery("#outarea_ee").text("textStatus = " + textStatus) }) jQuery("#outarea_hh").text ("*** example_json *** end ***") }) // ----------------------------------------------------------------------- ``` サンプルのJSON ファイル ```json:cities.json { "t0921": { "name": "宇都宮", "population": 68714, "date_mod": "1950-9-24" }, "t0922": { "name": "小山", "population": 29157, "date_mod": "1950-3-15" }, "t0923": { "name": "佐野", "population": 65741, "date_mod": "1950-10-7" }, "t0924": { "name": "足利", "population": 38164, "date_mod": "1950-6-22" }, "t0925": { "name": "日光", "population": 49675, "date_mod": "1950-8-28" }, "t0926": { "name": "下野", "population": 65813, "date_mod": "1950-9-12" } } ```