[javascript] : 20秒で理解するJSONP
1行理解
JSONP(JSON with Padding)とはjavascriptコールバック関数を利用し外部ドメインサーバとJSONデータをやり取りする方法である。
※通常のHTMLでは同一ドメイン以外の通信が行えないという制約があるが、javascriptタグのsrc属性とJSONデータ/コールバック関数を利用して外部ドメインとデータのやり取りを可能にする技術。
やること
■サーバ側
JSONデータを引数としたクライアント側のコールバック関数の呼び出し
クライアントサンプル
<html> <head> <script type='text/javascript' src='http://www.yutakikuchi.com/jsonp/data.dat?callback=callbackFunc' /> var number = Object(); var callbackFunc = function( data ) { //alert( data ); number = eval( data ); //javascriptの配列データが格納される。 }