jQuery で JSONP ２通り - てっく煮ブログ
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
jQuery の $.getJSON() と IE ではまった
今つくっているサイトでは，html のエンコーディングを Shift_JIS にしてるんで，合わせるために JavaScript のエンコーディングも Shift_JIS にしてます（jQuery だけは念のため UTF-8 指定してますけど）。 で，そこで JSON データをやりとりしているんですが，全部 Shift_JIS に統一していたんで， Content-Type: text/javascript; charset=Shift_JIS な JSON を吐くようにしていたんですが，どうも IE 6 で挙動が安定しない。 初回の Ajax ネゴのときにはうまくいっても，そこからブラウザで「進む」「戻る」してもう一度 Ajax ネゴると文字化けしたり，初回の Ajax ネゴから文字化けどころかまったくやりとりできなかったり。 うーむ，と思ってネットをいろいろあさっていたら， はてなブッ
華麗なタブメニューjavascript「Fancy Sliding Tab Menu」
twitter facebook hatena google pocket タブメニューとはその名の通りタブを利用したメニューです。 それゆえ、デザインの種類はあまり多くなく飽きられやすくなります。 Fancy Sliding Tab Menuでは、従来とはひと味変わった華麗なタブメニューを作成できます。 sponsors 使用方法 Fancy Sliding Tab Menuからtabslide.jsをprototypeからporotype.js、script.acu.lousからeffects.jsをダウンロードします。 なおサンプルのCSSで使用している画像はこちらからダウンロードしてください。 aston.jpg、tab-left-active.gif、tab-left.gif、tab-right.gif <link rel="stylesheet" href="http://yo
実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE
AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。 詳細や実際の効果を体感できるデモページは以下から。 以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。 Lazy Load Enabled プラグインは以下のサイトからダウンロードできます。 Lazy Load Plugin for jQuery Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
kadoyan.com
