TAKESAKO @ Yet another Cybozu Labs: Operaでも非同期リクエストが並列処理できる img-JSONP

先日金床さんに教えてもらった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

[tsukkee]

imgタグにキャッシュしてonerrorでscriptを作るらしい

[asiamoth]

JSONP（データ）だけではなく、外部JavaScript（ライブラリ）のロードにも使えるかな？ ブラウザ判定させれば完璧。

[webmarksjp]

JavaScript

[komagata]

すご

[monjudoh]

『JSONP が Opera だと非同期処理できない』ので、『非同期リクエストをimgタグで飛ばして、結果をonerrorハンドラで受けとって、ブラウザのキャッシュを再利用するという方法。』素敵

[takuma104]

これはすごい

[agw]

IMGタグを利用した遅延実行。

[fn7]

すごい、けどこんな方法取らないで良くなるといいなぁ

[toton]

これはすごいバッドノウハウ "Operaだとscript要素を足した瞬間にJavaScriptの実行が止まって、ロード完了まで後続のスクリプトが実行されなくなります。" => 非同期化 "IMGとして取得させキャッシュに入れる"

[aki77]

「非同期リクエストをimgタグで飛ばして、結果をonerrorハンドラで受けとって、ブラウザのキャッシュを再利用するという方法」

[TAKESAKO]

↓id:Kanatoko さん、こちらこそ貴重なテラバッドノウハウ情報を教えていただきありがとうございました。まさかLingrにまでポートされるとは・・・

[teddy-g]

OperaでJSONPで固まる件→IMGタグ先読みで解決

[wacky]

script要素の動的生成によるJSONリクエストがOperaでは非同期にならない問題の（無理矢理な）回避策。IMGとしてキャッシュさせ、onerrorイベントで処理。

[k_37to]

発想がすごい

[t_43z]

すばらしいバッドノウハウ

[akiyan]

ぐわーこれはすごい。

[mattarin]

“imgタグであらかじめキャッシュ”

[amachang]

script を img タグでキャッシュさせて、 error イベントで実行する。これはすごい。

[cooldaemon]

jsonp を img タグで取得して onerror で script タグを設定する荒技。設定時は、キャッシュが効いているので、同期処理だけど時間が掛からない。頭イイ

[youpy]

img 要素のonerror を使う

[teahut]

>JSONPのリソースを一度IMGタグから取得させてブラウザのキャッシュに入れておき、その後SCRIPTの要素として同じURLを再取得する... Firefoxだと2回リクエストが飛んでしまいます

[teru_while]

うわー、すごーくバッドノウハウ。しかしimgでjsを読み込んで、onerrorでscript要素を生成するとか発想がすごいな…。

[youheinitta]

Opera 対応。

[poolmmjp]

OperaはJSONPが非同期にできないけど、いったんimgに読み込んで、画像じゃないからエラーなのでonerrorで捕まえて、そのあと普通にJSONPで呼び出す(キャッシュが効くので一瞬)。すげー。

[adamrocker]

imgのロードのエラーハンドラでjsファイルをキャッシュに読込んでおき、非同期に読込む。Firefoxはできない様子ですが、かなり目から鱗の方法論。感激！

[mitsuki_engawa]

これはすごいB/K

[hiro_y]

Operaで非同期リクエストを並列に。img要素で取得、エラーハンドラを利用。

[hassylin]

Opera非同期実装方法 img使う

[kazuhooku]

これはすごい。テラバッドノウハウ