Jul 132013
 

JQueryからJSONを読み込む時にエラーが起きて読み込めない場合の対処法。Access-Control-Allow-Originによるエラーの場合クロスドメインが原因。サーバサイドにヘッダー出力を一つ追加して解決。

JSONをサーバから読み込めない場合の対処法

  • エラーログを出す
  • エラーを特定する
  • Access-Control-Allow-Originの場合は以下の方法で直す

PHPの場合

サーバサイドにヘッダー出力(‘Access-Control-Allow-Origin: *’)を追加。

<?php
header('Access-Control-Allow-Origin: *');
//SQL取得
//json生成
//json出力
echo $json;
?>

異なるドメイン間で読み込もうとするとエラーになる。

url = "http://another.domain/fetch_json.php"
$.getJSON(url, null, (data)=>

	console.log data;

)

参考サイト
http://stackoverflow.com/questions/17160071/xmlhttprequest-cannot-load-is-not-allowed-by-access-control-allow-origin

コメント

個のコメント

Powered by Facebook Comments

 Posted by at 12:54

Sorry, the comment form is closed at this time.