XMLHttpRequest は '' を読み込めません。「アクセス・制御・許可・発信」はなし

クズども · 掲載地 2015/09/27 22:48:47

間違い：

XMLHttpRequest は '' を読み込めません。要求されたリソースには「Access-Control-Allow-Origin」ヘッダーは存在しません。したがって、オリジン ' ' はアクセスを許可されていません。

原因:Javascrip{filter}tもローカルファイルにアクセスする際にこのエラーが発生します。セキュリティ上の理由から、ブラウザはJavascrip{filter}tがローカルファイルにアクセスすることを許可しません。
解決：

ChromeはローカルのAjaxリクエストをサポートしておらず、この問題は.htmlファイル内の.jsonファイルにアクセスすると発生し、その.htmlファイルはその時点で読み込めません。

解決策

Chromeショートカットのプロパティ設定を開きます:
Chromeブラウザのショートカットを右クリックして「プロパティ」を選択してください。
「--file-access-from-files」を「Target」に追加し、その前にスペースがあるのに気づきます。
Chromeブラウザを再起動してください。

管理者 · 掲載地 2015/12/06 16:18:33

<html>
<head>
<title>タイトル</title>
<scrip{filter}t src="http://code.jquery.com/jquery-1.7.1.min.js"></scrip{filter}t>
<scrip{filter}t>
      $.Ajax({
         URL:"http://www.test.com/gpsApi.php?lat=22.502412986242&lng=113.93832783228",
         タイプ:'GET',
         dataType:'JSONP',
         success: function(data){
            $('body').append( "Name: " + data );
         }
      });
</scrip{filter}t>
</head>
<body>
テストAjaxクロスドメイン問題
</body>
</html>

jqueryのajax requestパラメータdataType: 'JSONP'のようなjsonp形式を使いましょう。

[Jquery] XMLHttpRequest は '' を読み込めません。「アクセス・制御・許可・発信」はなし

関連記事

閲覧したセクション

[Jquery] XMLHttpRequest は '' を読み込めません。 「アクセス・制御・許可・発信」はなし

関連記事

閲覧したセクション

[Jquery] XMLHttpRequest は '' を読み込めません。「アクセス・制御・許可・発信」はなし