【これならわかる!JavaScript/Ajax】 JSONなんて怖くない! 第3回:Web APIって何? 著者:NTTデータ先端技術株式会社 竹添 直樹 公開日:2008/5/26(月) さて、前ページのサンプルでは<script>要素でJSONPを利用しました。この方法だとWebページの表示時にしか外部データを取得することができません。通常のAjaxアプリケーションのように、ユーザの操作などに応じてデータを取得するにはどうすればよいでしょうか。 基本的な考え方は<script>要素による外部JavaScriptのインポートを動的に行うというものです。つまり、ユーザがボタンをクリックするなどのイベントが発生したタイミングで、DOM操作によってHTMLに<script>要素を追加することで動的なJSONPの利用が可能になります。 前ページのサンプルを動的なJSONPを利用するよう修正