タグ

jsonpに関するtadasatoのブックマーク (5)

  • JSONPライブラリ作った - 惰性で・・・

    Javascriptを触りだして9ヶ月経つ。 昔のコードを見ると恥ずかしくなるなぁ(゚ε゚)キニシナイ! クロスドメインでアクセスするための非同期通信としてJSONPはすごく便利だけど ちょっとなぁってところが3つある。 callback関数名を渡すところ scriptタグのremoveChildを書くのが面倒くさい callback関数のスコープ 1つ目 <script type="text/javascript" charset="UTF-8" src="http://del.icio.us/feeds/json/futa23?callback=コールバック関数名"/> 初めてJSONPを知ったJSONscriptRequestでもコールバック関数をURL内に文字列として指定してる。 文字列で指定するんじゃなくて関数で指定したい! 例えば、こんな風に指定できたほうが自然だよね。 new

    JSONPライブラリ作った - 惰性で・・・
  • はじめてのJSONPプログラミング

    前回の「ブログの☆の総数を取得できるAPIを組み込みました」では、はじめてJSONPを使ってみました。以下、実際にJSONPを使ってみての覚え書きと、これからJSONPプログラミングをはじめる方へのTIPSです。 ブログの☆の総数を取得できるAPIは、はてなスターに登録されたブログの情報を取得できるJSON形式とJSONP形式で提供されているAPIでした。 はてなスター日記 - ブログの☆の総数を取得できるAPIを追加しました JSONとは、JavaScriptにおけるオブジェクトの表記法をほぼそのまま利用したデータフォーマットのことで、JSONPはJSONにちょっと記述を加えて、クロスドメインのJSONデータを非同期で読み込ませて処理するための手法のことです。(詳しい定義については、自分で調べてみてください) 通常、Webブラウザでは他ドメインのJavaScriptのデータを読み込んで実

    はじめてのJSONPプログラミング
  • hail2u.net - Weblog - Google AJAX Search APIのJSONPを利用したサイト内検索

    Google AJAX Search APIは、動的にGoogle検索結果を自分のページに挿入することができるAPI(あまり使っているサイトを見ないけど)。Ajaxっつっても内部はJSONP(みたいなもの)だったりするので、普通にGwebSearchクラスのsetSiteRestriction()メソッドを使うのではなく、JSONPを直接叩いてサイト内検索を実装することもできる。もちろんサイト内検索に限った話ではないけど。 Google AJAX Search APIのGwebSearchクラスによる検索は、 http://www.google.com/uds/GwebSearch?callback={コールバック関数名}&context=0&lstkp=0&hl=ja&q={検索文字列}&key={Google AJAX Search API key}&v=0.1 というURLへリクエス

    hail2u.net - Weblog - Google AJAX Search APIのJSONPを利用したサイト内検索
  • [JavaScript]JSONPでdel.icio.usのfeedを取得する

    JavaScript学習。JSONPを試してみました。 JSONPとはJavaScriptでのRemote Procedure Callの一種です。同様なものとしてXMLHttpRequestが一般的ですが、これはリクエストの送信先が同じドメイン内に限定されているのに対し、JSONPでは異なるドメインにリクエストを送信し、結果を受け取ることができます。 JSONPではscriptタグのsrc属性はドメインが限定されていないことを利用します。 リクエストを受け取ったサーバはレスポンスをJavaScriptの関数呼び出しの形式で返します。クライアントは側ではそれをscriptタグを使って読み込むとコードが関数呼び出しとして評価されるので、その関数を実装しておくことでサーバのレスポンスを処理できるという仕組みです。 例としてdel.icio.usを使ってみます。 以下にリクエストを投げると ht

  • 風の吹くまま 気の向くままに: [JavaScript]JavaScript(JSONP)で郵便番号検索API利用する

    前回公開したWeb サービスですが実際に使用する方法を簡単に説明したいと思います。 Ajaxなどを利用してサーバーから非同期にデータを取得する方法が最近は流行ですが、Ajaxで問題になるのは、呼び出したサイトとしか通信ができないので自分のサーバーに仕組みを作っておかなければならないということです。 このため、いままで住所の入力をするときに郵便番号から住所を入力を保管するような仕組みを作ろうとすると、自分たちの管理しているサーバーに仕組みを構築して、そのデータを自分たちで管理しなければなりませんでした。 これらの手間を考えると面倒だし、レンタルサーバーなどで思うように仕組みを構築できない場合には、手で入力すればいいやと思うためあきらめていなかったのではないでしょうか? そんなときこのサービスを使っていただきたいと思います。 サーバーの構築などは必要ありませんし、データの更新も自動的に行ってく

  • 1