JavaScriptjQuery を使って JSONP でリクエストする方法を２通り紹介するよ。その１: $("")createElement を $() を使って実装。 $("") .attr('type', 'text/javascript') .attr('src', "http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback") .appendTo($("head")); function myCallback(json){ // ロード完了時にここが呼ばれる } http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback にリクエストがいく。callback のところは、サービスによって指定の仕方が違うかもね。その２: $.ajax
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
先日金床さんに教えてもらったOperaで非同期並列JSONPを実行させる方法を実際に試してみたら意外とすんなり動いてしまったので報告します。 最速インターフェース研究会 :: OperaでJSONPを非同期リクエストするより JSONP が Opera だと非同期処理できない http://d.hatena.ne.jp/secondlife/20060906/1157515075 に書かれているとおりOperaだとscript要素を足した瞬間にJavaScriptの実行が止まって、ロード完了まで後続のスクリプトが実行されなくなります。 サンプルコード 改善前（普通のJSONP） Operaはスクリプトを追加するとタイマーが止まる（サンプルページ） http://la.ma.la/misc/js/opera_jsonp_test.html function test(){ var s = d
ページ情報取得 http://labo.higeorange.com/hatebujson/info.cgi?url=[エスケープしたURL] 上記のURLでそのページのはてなブックマーク情報を含むJSONが返されます。 例 http://labo.higeorange.com/hatebujson/info.cgi?url=http%3A//d.hatena.ne.jp/higeorange/ JSONP また "callback=[関数名]" をつけることで JSONPとしても利用できます。 JSONP を用いた例 お気に入り取得 http://labo.higeorange.com/hatebujson/fav.cgi?user=[ユーザ名] 例 http://labo.higeorange.com/hatebujson/fav.cgi?user=higeoragne JSONP 同
http://www.popxpop.com/archives/2007/02/yahoo_pipesbadger.html http://kentbrewster.com/badger/ なんだ、JSONだけじゃなくってJSONPもいけるんじゃん。いいぞいいぞ。 Yahoo Pipes http://pipes.yahoo.com/pipes/zIQi0Iy72xGJ3NMhJhOy0Q/run?_render=json&s=http://d.hatena.ne.jp/shinichitomita/rss&_callback=handleFeeds→テスト つまり、RSS2JSONPサービスとしても使えるってことだ。いままでにもそういうサービスはあったけど、ほとんど個人が好意でやってるものだった。非個人がサービスしているということ、しかもYahooという企業の信用レベルを考えればこれはす
2007年6月7日 はてなブックマークのコメントをうけて、「常にJSONP、JSON、JavaScriptに機密事項を含めないように」という主張を改め、「クロスドメインアクセスの対策をとっていない状態ではJSONP、JSON、JavaScriptに機密事項を含めないように」という主張に関して記述しました。 こんにちは、SEの進地です。 今回から週単位でWebアプリケーションのセキュリティに関するエントリーを書いていこうと思います。 僕自身、日々勉強して精進というところですので、もし何らかの誤りがあれば是非ご指摘ください。 つっこみ大歓迎です。 今回取り上げるのはWeb 2.0なアプリケーションでセキュリティ面で気をつけるべきことの一つ、機密情報にJSONPでアクセスするなです。 JSON(JavaScript Object Notation)はJavaScript(ECMAScript)の
HeartRails Express | 路線／駅名データサービス 「HeartRails Express」 は、路線／駅名データ等の地理情報を、XML、JSON(P) 形式の API により無料でご提供させていただくサービスです。 商用、非商用を問わず、無料。 APIとしては5つ提供されている。 エリア情報取得 API 都道府県情報取得 API 路線情報取得 API 駅情報取得 API 最寄駅情報取得 API マッシュアップで使えそうなのは下2つのAPI。どのAPIもJSONPに対応している。 サンプルレスポンス（「新宿」が含まれる路線、駅の緯度経度と郵便番号、路線上の次の駅と前の駅が返される）： http://express.heartrails.com/api/xml?method=getStations&name=新宿 緯度経度を引数に最寄り駅をいくつか返す。距離（単位はメート
Douglas Crockford [email protected] 2006-04-17 (Updated 2012-08-10) Abstract XMLHttpRequest has a security model that is inadequate for supporting the next generation of web applications. JSONRequest is proposed as a new browser service that allows for two-way data exchange with any JSON data server without exposing users or organization to harm. It exchanges data between scripts on pages with
PHPのWebフレームワークのAJAXへの対応状況はまちまちで、どれもAJAXを通して応答を返すことをアプリケーション開発者が意識しなくてはならなかったり、かなり泥臭い対応をしなくてはならなかったりします。 Piece Frameworkは現時点で、AJAXやJSON/JSONPといった技術に対応するための機能を何も提供していませんが、対応するのは極めて容易で、しかも他のフレームワークでは実現できないような透明性を確保できます。僕自身、ありとあらゆるPHPのWebフレームワークに精通しているわけではありませんが、それでもやはり、Piece の柔軟性には特筆すべきものがあると考えます。 以下で記述している内容は、Piece Framework本家にまたマージされていません。PieceでJSON/JSONPを扱うための私案とお考えください。 Pieceのビューの設定は、piece-unit
JSONPコールの際、グローバルな関数を用意してその名前を渡さなきゃいけないのはいけてないな〜と思ってXMLHttpRequestを真似して作ってみた。 ちょっと長いので、ソースは貼らずにダウンロードリンクを置いておきます。つJSONScriptRequest-0.01.tar.gz JSONScriptRequest-0.02[Ajax][JSON][API] - ヒルズで働く@robarioの技ログJSANに上げました。 SYNOPSISはこんな感じ。 var req = new JSONScriptRequest(); req.open('GET', 'http://www.example.com/jsonapi'); req.onreadystatechange = function() { if (req.readyState == 4) { console.info(req.r
CJTK - JSONPとJavaScriptを使ったテンプレートキット作った JSONPなどでデータを取得して、HTML中の任意なAttributeにマクロを埋むタイプのテンプレートキットを作りました。 別にJSONPじゃなくても、staticもデータ構造を定義する事も出来るし、Ajaxサポート書けばAjax経由でデータを取得できます。 マクロ展開はDOM探索で色々処理をしています。 Model = JSONP 、 View = DOM って感じかも。 他にもJKL.Hinaや、JSmartyなどがあります、大きな違いは専用構文を利用しないでテンプレート展開が出来たりと、かなりシンプルです。 他の特徴は ・DOM操作のみでテンプレート展開 ・JSONP対応 ・テンプレート用のデータ領域を用意する事無く、HTMLに直接テンプレートを記入出来る ・データ展開先を設定不要。class要素などか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
