[B! ajax] sinsengumi-2のブックマーク

本当はそれなりに面倒くさいJavaScriptとhistoryとAjaxのお話 - 愛と勇気と缶ビール

口上 historyとAjaxといえば、JavaScriptからある程度任意でhistoryのエントリをpushできるhistory.pushStateとか、history.replaceStateは既に大分有名になった感がある。素晴らしい未来では、全てのブラウザにpushStateが乗っていて「location.hashを使ったAjax遷移が許されるのは10年前のブラウザまでだよねー」というハッピーな世界が実現するのだろう。が、今現在ではまだpushStateに対応していないブラウザのシェアも多く、Ajaxによる擬似画面遷移をモリモリ行うようなサイトではpushStateのある環境、ない環境の両方を考慮してやる必要がある。 (ちなみに、要件によっては「pushStateがないブラウザは通常の遷移で我慢しろ！」という割り切りも全然ありだと思う) 先に言っておくと、この記事は長いです。環

sinsengumi-2 2011/11/03

リンク

Tim Bray: 「URLに#!入れるな」 - karasuyamatenguの日記

Tim Bray(GoogleのAndroid応援団長)が「#!」の入ったajax用URLを使用を批判している。 http://www.tbray.org/ongoing/When/201x/2011/02/09/Hash-Blecch new: さらならる「#!」URL批判例にtwitterのtwitter.com/#!/timbrayを挙げている。 #!の働きサーバ側は#!の前までしか見えない。上の例だとサーバはtwitter.com/のリクエストを受ける #!以降はブラウザの中のジャバスクリプトが解釈する何故#!を使うのか ajaxのアプリは古いブラウザでは基本的にURLを変更することができない… ただし#(フラグメント)以降はブラウザ内のJavaScriptからでも変更可能なので、ajaxアプリケーションが自分の状態をURLバーに表示するために使われるようになった。つまり

sinsengumi-2 2011/02/11

[for:@twitter]

リンク

jQueryでoption要素を追加した際の諸問題 - むつらつれづれ

jQueryで任意のoption要素を追加するには、append()やprepend()を利用するのが手軽。 $('#target').append($('<option>').attr({ value: 'xxx' }).text('xxxxxxx')); だが、この操作はIEの場合に問題が生じる。v1.1.3.1以前ではoption要素を追加しても幅が調整されない不具合があり*1、v1.2.3ではoption要素を増やした直後にそのvalue値をval()で設定しようとすると、「selected プロパティを設定できませんでした。未定義のエラーです」というスクリプトエラーが発生する*2。これらの問題はselect要素ごと作り直してしまうことで回避できる。 $('#target').after($('#target').clone()); $('#target').remove()

sinsengumi-2 2010/12/10

[for:@twitter]

リンク

jQuery POSTメソッドでAjax通信を行う(XMLレスポンス版) | Ajaxの覚え書き＠じゅえ

Ajaxの覚え書き＠じゅえ Ajaxを使って一味違ったホームページを作ってみませんか？このサイトでは、Yahoo! User Interface Library、Ext JS、Dojo Toolkitなどの Ajaxライブラリを使ったAjaxのサンプル集を掲載しています。 POSTメソッドでAjax通信を行うには、$.ajax()メソッドを使用します。 $.ajax()メソッドのurlオプションにアクセス先のURLを、typeオプションに"POST"を、dataオプションに送信するデータオブジェクトを、dataTypeオプションに"xml"を記述します。また、successオプションに通信成功時の処理(メソッド)を、errorオプションに通信失敗時の処理(メソッド)を記述します。サンプルでは、通信終了時にも処理を行うためにcompleteオプションに通信終了時の処理(メソッド)