Q&A
test.jsonの内容をサンプルで結構ですのでご提示願えますか？
お世話になります。
下記のようなコードを作成した場合、Chromeでは取得したデータがalertで
表示されるのですが、IE11では表示されず、また解析モードで確認しても
エラーらしきものも表示されていません。
どこが間違っているのでしょうか？ ご教示いただければ助かります。
尚、Chromでは「--allow-file-access-from-files」オプションを付与しています。
どうぞ宜しくお願い致します。
JavaScript
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src="./jQuery/jquery-3.3.1.min.js"></script> 7 <script> 8 $.when( 9 $.get("./test.json", function(data){ 10 hoge = $.parseJSON(data) 11 }) 12 ).done(function(){ 13 alerthoge(); 14 }); 15 16 </script> 17</head> 18<body> 19 <div>Get external text test</div> 20 <script> 21 var alerthoge = function(){ 22 alert(hoge[0].name); 23 } 24 </script> 25</body> 26</html> 27
上記中のtest.jsonの内容は以下の通りです。
JSON
1[ 2 {"name":"apple","price":150}, 3 {"name":"banana","price":80}, 4 {"name":"orange","price":52} 5] 6
同コードでもChromeでも動いていないように思うのですが・・・。
ご連絡有難うございます。test.json添付しました
↑すみません。自身のJSONファイルに問題がありました。やはり実際のJSONファイルをご提示いただいた方が良さそうです。
あれ？質問の編集確定できてないようです。お手数ですが再度お願いします。
申し訳ございません。更新できました
既に回答出ましたが、Chromeにて、hoge = $.parseJSON(data)のところでエラーでています・・
そうですか、こちらでは、エラーも発生なく表示でてまして、その画像を添付してみたのですが、上手くUpできず、恐縮です。
回答1件
0
ベストアンサー
IE 11の場合、file:///に対してAjaxを通すにはActiveXObject('Microsoft.XMLHTTP')を生成する必要があります。
jQuery 2系列までは$.ajaxで生成されるXHRオブジェクトをActiveXのものに差し替える技が使えるのですが、jQuery 3ではそうも行かないので、自力でActiveXObject('Microsoft.XMLHTTP')を使った処理を書く必要があるかもしれません。
投稿2018/05/23 02:43
総合スコア145183
いつもご回答いただき有難うございます。
少し難しいお話になってきたようですね。
要因としては、ローカルにあるファイルの取込み方が原因であり、
IE11では、簡単に許していない為、$.get自体が使えないという
認識であっていますでしょうか？
そうですね、自分がリンクした記事にありますが、「file:///」以下をJavaScriptから参照する場合の扱いについては、ブラウザによって大きく異なってきます。
リンク参照させていただきました。
おかげさまで要因が判明し大変たすかりました。お礼申し上げます。
あなたの回答
tips
プレビュー
