SQLの窓 イラストAC フリー素材

2013年11月14日

jQuery で JSONP。なるほど、良くできてる。

jQuery を使って JSONP のテストを行いました。URL 部分に必ず callback=? の形で渡す事が重要で、他のパラメータで構成するのは不可です。( callback 部分の名前は何でもいいです 例: funcname=? )
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$.getJSON("http://localhost/jsonp.php?callback=?",function(data){
	alert(data.jsonp1 + "|" + data.jsonp2);
})
</script>

テストした jsonp.php
<?php
header( "Content-Type: text/javascript; Charset=utf-8" );
?>
<?= $_GET['callback'] ?>({
 "jsonp1": "ようするに",
 "jsonp2": "こういうこと"
})

関連する記事

JSONP の原理と、簡単な利用方法の実際のコード( 実装は jQuery が良いですが、Access-Control-Allow-Origin: * のほうが楽だし読込み先を制限できます )

jQuery : $.get と $.post の内部事情( 正しい引数の与え方 )



【jQueryの最新記事】
posted by at 2013-11-14 01:34 | jQuery | このブログの読者になる | 更新情報をチェックする