案外簡単なjavascriptのjsonpの仕組み

jsonpを使うと、javascriptで別のWEBサーバのAPIの仕組みを使うことができます。
その仕組みは案外簡単です。
サーバ側で足し算をして、その結果をjavascriptで表示するプログラムを例にして説明します。


サーバ側のjsonpの仕組み

サーバ側ではphpのプログラムで2つの引数を得て、足し算をして、
"callback(答え)"
という、文字列を出力します。
このphpのプログラムをjsonp_sum.phpとしてサーバにセーブします。



javascript側のjsonpの仕組み

javascript側ではjavascriptのソースがjsonp_sum.php?arg1=1&arg2=2にあると記述します。
ブラウザはjsonp_sum.phpを呼び出し、返ってくる文字列をjavascriptのソースと思って実行します。
その文字列は
"callback(3);"
ですからこれを実行します。




下のcalcのボタンを押してください.
足し算をサーバ側で計算し、javascriptのcallback関数が実行され表示されます。

ではjsonはどうなっているのでしょうか?
案外簡単なjsonの仕組み 戻る