AjaxでAccess-Control-Allow-Originのエラーを回避する方法
var XHR = new XMLHttpRequest(); query = "http://www.muratayusuke.com/"; XHR.open("GET",query,true); XHR.onreadystatechange = function(){ if (XHR.readyState == 4 && XHR.status == 200){ alert("hoge"); } }; XHR.send(null); 上記のコードなんかよく見るXMLHttpRequestのコードだと思いますが、最近のChromeでこいつがエラーを吐くようになりました。そう、 "XMLHttpRequest cannot load http://www.muratayusuke.com/. Origin http://muratest is not allowed by A
PHPのイタい入門書を読んでAjaxのXSSについて検討した(3)～JSON等の想定外読み出しによる攻撃～ - ockeghem(徳丸浩)の日記
昨日の日記の続きで、Ajaxに固有なセキュリティ問題について検討します。今回はJSON等の想定外読み出しによる攻撃です。これら攻撃手法は本来ブラウザ側で対応すべきもので、やむを得ずWebアプリケーション側で対応する上で、まだ定番となる対策がないように思えます。このため、複数の候補を示することで議論のきっかけにしたいと思います。 まず、作りながら基礎から学ぶPHPによるWebアプリケーション入門XAMPP/jQuery/HTML5で作るイマドキのWeから、Ajaxを利用したアプリケーションの概念図を引用します（同書P20の図1-23）。 前回、前々回は、(5)のHTTPレスポンスの前後で、JSON等のデータ作成（エンコード）に起因するevalインジェクションや、(5)のレスポンスを受け取った後のHTMLレンダリングの際のXSSについて説明しました。 しかし、問題はこれだけではありません。正常
Rails3とjQueryを使ってAjaxのloadingとかcompleteを表示する方法 - blog.takuyan.com
はじめに Railsが3になってしばらく経ちました。 数々の新機能や大幅な機能拡張があり、その中にはjavascriptに関する変更もありました。 いままでデフォルトでprototype.jsを基本としたJavascriptフレームワークを使用していたのを、Rails3からはシンプルに(jrailsを使うことなく)jQueryを使うことができるようになりました。*1 正確には、特定のjavascriptフレームワークに囚われない、ですかね。 それで、link_to_remote が link_to hoge_url, :remote => true に変更になったとかは割と文献があるんですが、次のステップで必ずぶち当たるであろう「じゃあloadingとかどうすんだよ」という文献があまり見当たらなかったので書いてみようと思います。 結論 rails.jsをちょっと改造する jquery.js
Rails3.1でAjaxを使う - ひげろぐ
よく理解できていなかったのでチュートリアル的に整理した。 まずはチュートリアル用のアプリを新規作成して、コントローラーを一つ作る。 rails new ajax_tutorial cd ajax_tutorial rails g controller sandbox index update_time Ajaxなフォームやリンクを作成する form_forやlink_toといったヘルパーのオプションに:remote => trueを加えるとボタンを押した時やリンクをクリックした時のリクエストが非同期リクエストになる。 app/views/sandbox/index.html.erb <h1>Sandbox#index</h1> <%= link_to('update time', {:action => 'update_time'}, :id => 'update-time-link',
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
リアルタイム通信についてphpとかFlashとかcometのことを調べてみた - 適当な日々
フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれないすごい楽しそうなWebサービス思いついた！！ ただ色々と障害がある 1日8時間ぐらいずつやっても少なくても1ヶ月はかかりそう リアルタイム通信がしたい 1番はなんともならないから、地道に時間を作ろう・・・。 問題は2番。リアルタイム通信がやりたい。 「やりかた分かんねー。ってかそもそもできるの？」 というわけで色々調べてみた。 調べてみたリンクをずらずらとまとめてみる 概念とかロジックについて Lingr and Comet - 技術解説編 PHPでComet：フォーカスの当たっていないウィンドウが更新されない CometとAJAX CHATの作り方について整理 AjaxとCometを用いたチャットサイトを作った COMET Comet通信について(キャンプで書いたコードの一
PHPでComet：フォーカスの当たっていないウィンドウが更新されない - KEINOSの日記（旧ブログ）
この記事は次のブログに引っ越しました。 https://blog.keinos.com/20080207_746PHPとprototype.jsを使ってAjaxでCometなチャットを作ろうとした。FireFoxで動作検証していたのだが、ブラウザの複数ウィンドウを立ち上げ、別マシンでもウィンドウを立ち上げて検証していたところ、フォーカスの当たっていない（アクティブでない）ウィンドウでは、TextAreaが更新されないことに気づいた。結論 更新する直前に"$(targetID).focus();"でフォーカスを当ててあげる。 script //要prototype.js function fAjaxUpdate(){ var sUrl = './upload.php'; var sPars = Form.serialize("idFormInput"); $('idTextArea').fo
PHPとjQueryでCometっぽいモノを実装する - Rewish
クライアントからのリクエストに対してすぐに応答せず溜めておき、何らかのタイミングを見計らって応答する技術。 Comet - Wikipedia 例えばチャットなんかで使うと、相手が発言したタイミングでレスポンスが返ってくるので、リアルタイムに会話が出来たりする訳です。 ※あくまでも実装の一例なので、このままでは利用シーンがかなり限定される事をご留意下さい。 注意事項 以下の実装方法は、知識的なコストがあまり必要ない替わりに、サーバー的なコストを多く消費します。 共有レンタルサーバーなんかで使うと、アカウント制限・停止などの処置がとられる場合があるので、共有で使うスペースなどでの使用は避け、専用サーバーや自前のサーバーなどで使用して下さい。 Comet動作の流れ 大まかな流れはこんな感じです。 Ajax(XMLHttpRequest)を利用してサーバー(PHP)にリクエストを送る リクエスト
pagination_links_remoteを作ってみる。 - ザリガニが見ていた...。
Ajaxを利用して、リスト表示の並べ替えや検索を処理するようにしたため、pagination_linksを使えない状態だった。並べ替えや検索で表示条件をアレンジしても、ページ番号をクリックすると、保持していた表示条件がリセットされてしまうのだ。 表示条件を保持するためには、ページ番号のリンクをクリックした時に、条件を保持しているフォームも送信する必要がある。つまり、pagination_linksで生成されるページ番号に、link_to_remoteが作り出す機能を与えたい。How to Paginate With Ajaxのページを参考に、以下のようにやってみた。（上記ページで紹介されている一番最後のパターンでやってみた。） app/helpers/application_helper.rbへの追記 # Methods added to this helper will be avail
クラウドメモ帳CGI WEBPAD
クラウドメモ帳CGI WEBPADの概要PerlとJavascriptで書かれたレスポンスの良いクラウドメモ帳Webアプリケーションです。設置はたぶん簡単だと思うのですがカスタマイズまで行くとちょっと難しいかもしれません。 クラウドメモ帳CGI WEBPADの機能 高レスポンスな共有メモ帳 グループや社内などで共有可能なクラウド型のメモ帳機能です。Web上に保存されるので外出先からのアクセスももちろん可能。グループやチームでメモ帳を共有することができます。 ライフログ機能 WEBPADにはtwitterのタイムラインのような感じのライフログ機能が付いています。ライフログは各カテゴリ毎に保存することができたり、TODOにすることができたり、スケジューラーと連携して予定を管理したりすることができます。 ダウンロード機能 Web上に保存されているメモ帳をtxt形式でローカルに保存 インクリメンタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blog - Mikula Beutl - SEO Consulting
http://chikura.fprog.com/index.php?UID=1158627409
PHPだけでリアルタイムAJAXチャットシステムを構築する方法。 - ぎじゅっやさん
もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き） 記事一覧 | gihyo.jp