extend使って$.ajaxメソッドのラッパーを定義してやってるのが以下。 $.extend({ "put" : function (url, data, success, error) { error = error || function() {}; return $.ajax({ "url" : url, "data" : data, "success" : success, "type" : "PUT", "cache" : false, "error" : error, "dataType" : "json" }); }, "del" : function (url, data, success, error) { error = error || function() {}; return $.ajax({ "url" : url, "data" : data, "succe
Google の検索エンジン（クローラ）は、Ajax ページのコンテンツを動的に取得できないため、開発者が別途、検索エンジン用のページを作ってやる必要があります。 ハッシュフラグメント #! で検索エンジンに知らせる場合 Ajax ページはしばしば、ハッシュ値 # で一意な URI を提供してきました。 Google 検索エンジンは、#! で指定された URI を Ajax ページと判断します。 そして、#! を ?_escaped_fragment_= に置換してアクセスして来ます。 したがって、#! の URI は人間向けのページ、?_escaped_fragment_= の URI は検索エンジン向けのページとしてコンテンツを用意してやればいいことになります（従来の # は廃止する）。 検索エンジン向けのページは、JavaScript を無効にしてもコンテンツを閲覧できるよう、サーバ
クライアントサイドJavaScriptでのビューの作り方4つ - id:anatooのブログ このエントリについての雑感。 結論から先に言うと、javascriptテンプレートエンジンやデータバインディングを使いまくったサイトを作っても検索エンジンへの対応を考えると面倒だし用途によっては凄い無駄な労力を使うことに成るんじゃないかっていう。DisられてるDOM操作が最適解な場合もけっこう有るんじゃないかっていう内容。 まあ、最初からwwwで勝負してる人にとっては当たり前過ぎる話かもしれないですが、企業イントラのWebアプリ屋がwww上のWebアプリを作るときに見逃しやすいんじゃなイカということで、このへんで右往左往した自分の経験を書き綴ってみる。 ステップ1. わーいJSでMVCアプリ作って、それはとっても嬉しいなって 会社で「フルスクラッチでWebアプリ作って（ただしぼっちで）」と言われた
[PHP][JavaScript] Ajaxからの通信（アクセス）かどうか判定する
ファイルへのアクセスがAjaxから要求されたものなのか、 それともブラウザからアドレスを直接叩くなどしてAjaxを通さずにアクセスしてきたのか調べたい時がある。 jQueryやprototypeなどのライブラリを使ってAjax通信をするときは実はヘッダに 「X-Requested-With:XMLHttpRequest」 というデータをつけて送ってくる。 なので、ヘッダ情報に「X-Requested-With」があるかどうかを調べて それが「XMLHttpRequest」という値になってるかをチェックすればいい。 //link・・・http://mio-koduki.blogspot.com/2012/03/phpjavascript-ajax.html //返り値・・・Ajaxからの通信であればtrue、そうでなければfalse function is_ajax() { return i
jQuery.ajax を使ってGETでリソースにアクセスした場合、IEでは2回目以降のリクエストが実際には発行されずにキャッシュされた結果が使われてしまいます。これを防ぐには $.ajax( { url : "http://example.com/", cache : false, data : { a : "abcd" }, ... } ); のように、cache オプションに false を指定すればいいようにドキュメント(http://docs.jquery.com/Ajax/jQuery.ajax#toptions)に書かれています。実際に cache : false を設定してみると、リクエストの発行される URL は、 http://example.com/?a=abcd&_=1253861397368 のようにクエリの末尾に現在時刻のミリ秒が付加されたものになります。 たい
目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
久々にAjaxな画面を書いたらちょっと壁に当ったのでメモ。 当たった壁というのは、タイトルどおりJquery.ajax()を使い レスポンスにJSONデータを想定した際に FF3、Safari4、ChromeはOKなのにIE7、8だと正常に動かない件。 厳密にはerrorで指定したコールバック関数が呼ばれてしまう。 他のブラウザだとsuccessで指定したコールバック関数が動くのに。 ajax()にはオプション引数のうち、dataTypeというパラメーターがあり、 json、jsonp、textなどを指定できる。 これを指定するとレスポンスに対する解釈をしてくれて データの扱いが便利になるという代物。 いろいろ試してみたがIE8標準のデバッガ「開発者ツール」には 相変わらずparseerrorの文字が。 つまり、それ以前の問題っぽい。 JqueryにおけるAjaxを解説しているサイトを調べ
XMLHttpRequestでshift_jisなどからshift_jisのstaticなテキストを読もうとしたときに文字化けすることがある。 var n = new XMLHttpRequest(); n.open("/sjis.txt"); :Content-Typeのcharsetがちゃんとしてなかったりする場合だ。で、MozillaのXMLHttpRequestにはoverrideMimeTypeというものがあって var n = new XMLHttpRequest(); n.overrideMimeType("text/plain; charset=shift_jis"); n.open("/sjis.txt"); :などとすると文字化けせずに取り出せるようだ。IEにはそのメソッドはないようだ。 GreaseMonkeyに適用する 0.5.3だと「Mozillaのプロファイルの
WebSocket が、12月12日についにRFCになりました（RFC6455)。テキスト転送だけでなく、バイナリー転送もサポートされ、コネクションをキープするための ping/pongなどコントロールフレームも定義されました。rfcになる過程で様々なバージョンと、その実装系が出ていますので、そこのネゴシエーションの仕組みが入っていたり、以前は割と自由に使えそうだった subprotocolが、IANAにレジストレーションが必要になったりと、なかなかしっかりしたプロトコルに仕上がっている印象です。 さて、今年最後となる、今日のポストでは、このWebSocketにより、今後のWebはどうなっていくのかについて、僕が最近感じている妄想を書き連ねてみます。 WebSocketとは、いったい何なのか？ さて、WebSocketとは、いったい何なのでしょうか？この問に対して、一般的には、 WebでP
I was watching The Last Dance, Michael Jordan’s Netflix documentary, last year when I returned to work from four-month-long paternity leave. It was a great show and brought back all of the joys I had when watching Chicago Bulls in the 90s. And it still got me to think till today, what if my engineering team were a sports team. Give this idea a shot. For an engineer in an IT company, you don’t play
prototype.jsでAjax.PeriodicalUpdaterを使う bookmark prototype.jsというライブラリのAjax.PeriodicalUpdaterという機能を使えば、ページの特定部分を定期的に簡単に書き換えることが出来ます。 コードを見てみよう bookmark Ajax.PeriodicalUpdaterのコードとしては次のようになっています。 new Ajax.PeriodicalUpdater( "container", "/samples/ajax/test.php", { "method": "get", "parameters": "p=hoge", frequency: 5, // 5秒ごとに実行 onSuccess: function(request) { // 成功時の処理を記述 // alert('成功しました'); }, onCom
この機能を実行するにはprototype.jsが必要です 構文 Ajax.PeriodicalUpdater(container, url, options) 引数: container=更新する場所のＩＤ, url=Ajaxで取得するＵＲＬ, options=オプション 「Ajaxで指定エレメントの内容を定期的に書き換える」サンプルコード <html> <head> <title>Ajax.PeriodicalUpdater - Ajaxで指定エレメントの内容を定期的に書き換える</title> </head> <!--Ajaxで指定エレメントの内容を定期的に書き換えるのサンプル--> <script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> var my
Ajax といえば、最近の地図サービスはだいたいドラッグするとページを読み替えることなく移動することができて、便利というか、当たり前のものとして受け入れられるようになったと思います。 さて、そんな Ajax でサーバとやりとりする方法なんですが、JSON という表記形式を利用すると、最低限の通信だけならシンプルに実装できます。本日は、JavaScript ライブラリの jQuery と PHP ( 5.2.0 以上、または PECL で json をインストール ) を使い、データのやりとりに JSON を使う方法を紹介します。ソースコード部分だけなら JavaScript と PHP で10行程度ですので、興味のある方はぜひお試しください。 サーバからプロフィールデータを受け取ってリストで表示するデモです。Firebug等で通信内容をチェックしてみてください。 JSON demo サーバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
