Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」の紹介です。 １．はじめに jQuery.ajax()を使ってウェブページのコンテンツを入れ替えた場合、ブラウザのURLは変更されません。 が、本エントリーで紹介する「PJAX」を利用すれば、コンテンツを入れ替えと同時にURLの変更を行うことができます。 PJAX 「PJAX」とは「pushState」と「Ajax」を組み合わせた機能をもつjQueryプラグインです。 URLの変更は「History API」というHTML5の機能を使って実現しています。 「pushState」は、History APIで履歴を追加するメソッドを指します。 ２．プラグインのダウンロード PJAXのダウンロードページにアクセスし、最新版のjquery.pjax.jsまたはjquery.pjax.min.jsをダウンロードします。 ３．サ
jQueryでAjaxするなら.abort()はもちろん知ってるよね？ | Ziblo
最近の投稿 ハッカソンでみんなで作ったものを一人で作ってみた 初めてのハッカソンVol.3に参加してきました jQueryでAjaxするなら.abort()はもちろん知ってるよね？ [読了]Fearless Change アジャイルに効く アイデアを組織に広めるための48のパターン [了読]マインクラフト 革命的ゲームの真実 カテゴリー API (1) AWS (1) Blog (2) JS (2) PHP (3) WordPress カスタマイズ (4) ハッカソン (1) 未分類 (1) 読了 (3) 人気記事 jQueryでAjaxするなら.abort()はもちろん知ってるよね？ 0 comment(s) jQueryの.clone()を使うときの注意 0 comment(s) [読了]Fearless Change アジャイルに効く アイデアを組織に広めるための48のパターン
jQueryを使わないでAjax通信をするオブジェクト - Ando.report(); // JavaScriptをもっと勉強したいブログ。
AjaxのためだけにjQueryを使うのは少し重いので、カスタマイズする前提で作ったオブジェクトをスニペットとして掲載しておきます。 /* require Prop.js */ var Ajax = { get: function (params) { var key; if (!params.url) { throw 'URLを指定してください'; } this.method = new Prop('GET'); for (key in params) { this[key] = new Prop(params[key]); } this.sendRequest(); }, post: function (params) { var key; if (!params.url) { throw 'URLを指定してください'; } if (!params.data) { throw '送信す
xmlをjQueryで読み込んで表示する時に注意すること
サンプルコード ひとまず例として以下のコードがあります。ajaxで読み込みます。 $.ajax({ url: "xml01.xml", async: true, cache: false, dataType:"xml", success: function(xml){ $(xml).find('text').each(function(){ var text = $(this).text(); $('.txt01').append('<p>' + text + '</p>'); }); } }); この場合、処理のところで内容を取得するのですが、そのとき.text()で取得するとテキスト内容がそのまま表示されます。 それで問題なければそれでよいのですが、aタグなどのリンクを反映したい場合はこれではダメです。 <text><a href="#">リンク部分</a>テキスト</text> この
バイナリ読み込みAjaxライブラリBinFileReader | 秋元@サイボウズラボ・プログラマー・ブログ
サーバ側に置いたバイナリファイルをJavascriptからアクセスして、バイナリ列の任意の場所を好きなバイト数だけ読み込むライブラリがこのBinFileReaderらしい。 BinFileReaderのデモでは、表示したbmp画像の中から、画像のサイズ情報などの部分をJavascript経由で問い合わせることで遅延取得し、表示している。 また、このライブラリと多数の画像を使って、クリックした画像を他の画像のパッチワークで構成するというモザイクビルダーという面白いデモも公開されている。 # 画像の読み込みで一番最初は時間がかかる モノクロbmp画像を多数用意して、MosaicBuilderのパラメータに指定すれば、自分の画像を使ってこのモザイクデモを設置することもできるそうだ。(解説) BinFileReaderは、FirefoxとSafari対応に加えて、IE対応のためにはVBScript
あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 – creamu
DiaryTechnology あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 あのかっこいいサイトのAjaxを取り入れたい。 そんなあなたにおすすめなのが、『60 More AJAX- and Javascript Solutions For Professional Coding』。あのサイトのAjax、Javascriptを実装するための方法60選だ。 ↑はCoda Popup Bubbles。 クールなポップアップメッセージが表示される。 » iCarousel carouselを作るためのオープンソース（フリー）Javascript » Product Slider スライダーで商品を選択できるインターフェース » Oversize
JavaScriptとPHPでつくるAjaxインクリメンタル検索：CodeZine
はじめに Ajax（エイジャックス：Asynchronous JavaScript＋XMLの略称）はウェブ上のサービスを中心に普及してきました。 皆さんの開発現場でAjaxは活用されているでしょうか？ 最近はいろいろなJavaScriptフレームワークが出てきているため、Ajaxのサンプルもウェブ上に多く掲載されています。しかし、特定のJavaScriptフレームワークやWebアプリケーションフレームワークに依存したサンプルは制約も多いため、活用を躊躇しているITエンジニアも多いのではないでしょうか？ この記事では、特定のフレームワークを利用せずにAjaxによるインクリメンタル検索を実装してみることで、Webアプリケーションの基礎を振り返ってみたいと思います。 今回作成するインクリメンタル検索アプリは、蔵書の検索です。完成イメージを以下に示します。 本記事は、以下の順序で進みます。 全体の
【連載】いまからはじめるPrototype.js (6) Ajaxによる送受信とWebページの更新 | エンタープライズ | マイコミジャーナル
Ajaxの普及とJavaScriptライブラリの出現や発展は車の両輪のように進んできた。Prototype.jsの出現はその先駆けだったといってよいだろう。今回は、そのAjax関連機能を取り上げる。バージョン1.6.0.2、Windows環境の場合で説明する。 サーバとの送受信 サーバとWebブラウザとの間でデータを送受信する際に、もっとも多く用いられるのはAjax.Requestだ。これはPrototype.jsのClassによって構築されているので、ここではクラスの1つとして紹介する。基本的な構成は以下のとおりだ。最初にnewを記述してインスタンスを生成させるようにすることが必要だ。 new Ajax.Request( 'アクセスするURL', { method : 'get'もしくは'post', // ..... その他オプション ..... onSuccess : functio
Ajaxはじめて物語、そしてサーバでも動くJavaScript（1/2）- ＠IT
「Ajax: A New Approach to Web Applications」 Google マップ 連載30回を記念して、Ajaxの歴史を簡単に振り返り、Ajaxが流行した理由について考えてみたいと思います。 ■ 先日、3歳になった「Ajax」という言葉 「Ajax」という名前は、2005年2月18日に公開されたJesse James Garrett氏の「Ajax: A New Approach to Web Applications」によって、初めて世に送り出されました。これ以前に、Ajaxという言葉は使われていません。しかし、Ajaxは便利かつ強力であるため、即座に爆発的な普及を始めました。この勢いは、いまに至ってもまだ止まっていません。盛り上がりそのものはやや落ち着いてきたものの、新しい技術、新しい提案、新しい応用は出現し続けています。 ■ Googleマップの出現で始まった
アップデートしたLightviewが素晴らしい | ユージック
アップデートしたLightviewが素晴らしい 2008年2月20日 様々なメディアファイルをLighboxのように表示できるLightview2.0が非常に素晴らしいのでご紹介したいと思います。 Lightview：www.nickstakenburg.com 扱えるファイル 画像 動画(Quicktime) FLASH(swf) AJAX iframe HTML(inline content) このように非常にシンプルなUIで様々なメディアを扱えます。 準備と使い方 スクリプトファイルをこちらからDLします。 続いてヘッダーにスクリプトを読み込む <link rel="stylesheet" type="text/css" href="css/lightview.css" /> <script type='text/javascript' src='js/prototype.js'><
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
20の優れたAjax効果*ホームページを作る人のネタ帳
http://www.resources.cssclip.com/2008/04/21/60-more-ajax/
artViper Marketingagentur