次のページへ連載目次$.getJSONメソッドでは、外部サービスに対しても、ほとんどクロスドメインを意識することなくアクセスすることができます*。Padding)という技術を利用する必要がありました。jQueryでも、内部的にはJSONP技術を利用しています。具体的な例を見てみましょう。APIを利用して、指定されたキーワードでブログ検索を行い、その結果をリスト表示するサンプルです。ブログ検索に渡すことができるパラメータや結果データの構造については、本家サイトを参照してください。外部サービスにアクセスするには、アクセスするURLの末尾にクエリ情報として「callback=?」を付与するだけです(リスト116の太字部分)。これによって、外部サービスから取得したJSONデータをJSONP技術でもって処理することができます。実に気にすべき点はこれだけで、後は、コールバック関数で取得したJSONデータ(オブジェクト)から必要な値を取り出し、必要に応じて整形するだけです。結果レイアウト整形のためのコードがやや長いため、複雑にも思えるかもしれませんが、結果データの構造と照らし合わせつつ、対応関係を読み取ってみてください。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。