JavaScript だけでクロスドメインで POST メソッドを送る方法
JavaScript のみを使って、クロスドメインを実現しつつ POST メソッドでリクエストを送信する方法について解説します。 ここで解説する方法にはこんな特徴があります。 (2009-10-30 追記) iframe の unload のタイミングについて、重大な不具合がある可能性に気づきました。Chrome/Firefox において、2度イベントが発生している可能性が高いです。unload イベントを使わない場合は無関係です。結論が分かったら修正版をこのページで公開します。 (2010-01-29 追記) Chrome は大丈夫そうです。Firefox もカウンタ or フラグを使ってイベントを記録すれば大丈夫ぽいです。ちゃんと直せて無くてすいません。 XMLHttpRequest では不可能な、クロスドメインによるポストを実現している。 元になるページの文字エンコードの種類にかかわ
Selenium2.x で Ajax なWebアプリケーションをテストしよう 〜 Facebook の自動あいさつ返答機能を実装 〜 - Yamashiro0217の日記
この記事では、Facebook のあいさつ(Poke)機能への返信を題材に、沢山たまるとウザい嬉しいあいさつを自動で返すスクリプトを書くことで、Selenium2.x の使い方、特に Ajax アプリをテストする方法について学べるようにする。 Ajax がからんだWebアプリケーションのエンドツーエンドの最近のテスト手法についてのまとめにもなっていると思う。 最初の3節ぐらいは「Seleniumとは〜」とか「テストってのはさー」とかゴタクをごたごた書いているので、Seleniumの実際のコード見た方がはえぇよ。って言う人はコードが出てくるまで記事を飛ばすと良い。 こんな記事を気合入れて書いて公開した当日に…FacebookのUIが変わって…作ってたスクリプト動かなくなってしまった…orz。俺が何かやったり買うと事件が起きるんや・・「なにか買うとその直後に安くなったり、新機種がでたりするとい
JavaScript Test with QUnit and mockjax - ハードコイルド・ワンダーランド
JavascriptのテストはXHRがネック JavaScriptを書いていると、RESTサービスを利用してXHR(XMLHttpRequest)やjQuery.ajax経由で JSONのやり取りをする処理を実装することが多い。 こういった処理は以下の理由からテストが書きにくい。 １．サーバサイドの実装状況に依存する ２．非同期処理 JavaScriptを始めたばかりの時はjsUnitを使ってテストを書いていたのだが、 この2点はいつもネックになっていた。 QUnitとmockjaxでだいたい解決する 新しいテストフレームワークをいろいろと試してみた結果、jQueryのテストフレームワークQUnitと jQueryライブラリのmockjaxを使えば自分が書く実装の大部分が解決できることがわかった。 QUnitについては色々と日本語の情報があるのだが、mockjaxについては ほとんど見られ
DWR - Easy Ajax for JAVA
Direct Web Remoting DWR is a Java library that enables Java on the server and JavaScript in a browser to interact and call each other as simply as possible. DWR is Easy Ajax for Java DWR will generate the JavaScript to allow web browsers to securely call into Java code almost as if it was running locally. It can marshal virtually any data including collections, POJOs, XML and binary data like imag
JavaサーブレットとJSON-libでできるiPhone向けAjax
今回は、いよいよWebアプリを作ってみたいと思います。まずAjaxの基本をおさらいし、後半で、前回の「iUIで始めるiPhone用Webアプリ開発の基礎知識」で紹介した「iUI」に組み込みます。 開発者なら当然知っているであろう、Ajaxの基本 iPhoneでもAjaxの使い方はPC向けWebブラウザと一緒で、XMLHttpRequestオブジェクトを使ってWebサーバからXMLやJSONなどのコンテンツを取得して、それを基にJavaScriptでHTMLを加工するという流れです。 リンクをクリックしたら、画面の一部（「replaceIt」というIDの<div>要素）にサーバで生成されるコンテンツを非同期で表示するには、以下のようなコードです。 1: <a href="javascript:void(0)" onclick="clickDiv()">クリックしてください</a> 2: <d
JaxerによるサーバーサイドJavaScript
はじめに 既に「Ajax」という言葉が陳腐に感じてしまうほど、JavaScriptはWeb開発者の間に広く浸透しています。今では、クライアント側でのUI構築にJavaScriptは不可欠となっている、といってよいでしょう。クールなサイトを目指してJavaScriptを必死に勉強する人はずいぶんと多いはずです。 が、ある程度まで学習が進むと、多くのJavaScriptプログラマは「壁」にぶつかってしまいます。それは「サーバーサイドプログラム」という壁です。Ajaxによるサーバーへの非同期通信が当たり前のように使われるようになった今、JavaScriptプログラミングといえども「サーバー側に用意されるプログラム」の作成なしには行えなくなりつつあります。 サーバーサイドのプログラム作成はどうすべきなのか。PHPを勉強するのか、Perlあたりがいいのか、はたまたRubyかPythonか。いずれにせ
%25E3%2581%25AE%25E4%25BD%25BF%25E3%2581%2584%25E6%2596%25B9)
XMLHttpRequest()の使い方 - とみぞーノート
概要 Javascriptでサーバーとの通信を行なうためのメソッド。 クライアント→サーバーへGET/POSTメソッドでRequestを出し、サーバーからはXMLドキュメントを受け取る。非同期通信が可能でRequestを送信してResponseが返るのを待つことなく別の処理を行なうことができる。 クライアント サーバー | GET/POST | |------------>| |(*1) | Requestを処理 | | |<------------| XMLドキュメントで応答を返す | XML | | | (*1) 非同期通信を行なっていれば、ここでサーバーからの 応答(XMLドキュメントを待つことなく別の処理を行なえる。 XMLHttpRequestオブジェクトの生成 IEと非IEでオブジェクトの生成方法が異なる。 ◎ IE try { req = new ActiveXObject(
エクスプローラー風のツリー型テーブルを実現できるjQueryプラグイン「treeTable」:phpspot開発日誌
jQuery treeTable 2.0 - Cubicphuse エクスプローラー風のツリー型テーブルを実現できるjQueryプラグイン「treeTable」。 次のようなツリー型のウィジェットをページ内に簡単に埋め込みできるようです。 限られたスペースに、折りたたみ可能な状態で情報を表示するといった用途にも使えそう。 HTML的には、次のような、tableタグで定義されていて、jQueryを使ってインタラクティブに動作する模様。 <table class="example" id="dnd-example"> <caption>Example 3: Dragging and dropping example.</caption> <thead> <tr> <th>Title</th> <th>Size</th> <th>Kind</th> </tr> </thead> <tbody>
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
JavaScriptライブラリ「jQuery」とは？ 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
[JS]ソートだけでなく、検索も可能な多機能なデータテーブルを実装するスクリプト
セルのハイライト表示、データのソート、特定文字列の検索などに対応したデータテーブルを実装するスクリプトを紹介します。
Echo Web Framework | Developer information for creating AJAX web applications using the Echo2 and Echo3 frameworks
Echo is an open-source framework for developing rich web applications. From the developer's perspective, Echo behaves as a user interface toolkit--like Swing or Eclipse SWT. AJAX technology is employed to deliver a user experience to web clients that approaches that of desktop-based applications. Echo applications can be created entirely in server-side Java code using a component-oriented and even
フォームのユーザビリティに貢献するjQueryプラグイン:phpspot開発日誌
Top 10 jQuery plugins for Form Usability ・Steve Reynolds フォームのユーザビリティに貢献するjQueryプラグイン。 入力制限やヒント表示といったフォーム入力に関する便利プラグインが色々と紹介されています。 AlphaNumeric アルファベット＆数字のみに入力を制限する JTip 入力ヒントボックスの設置 Password Strength Indicator パスワード強度の表示 Ajax Username Checker 使えるユーザ名か、ajaxでチェック Geogoer VChecks チェックボックスをファンシーなデザインにした上で押しやすくする 全部見る ブラウザが対応していなかったりすると、ユーザビリティ以前に使えないということになりかねませんが、そこら辺を検証してうまく使えばよいフォームが作れそうですね。 関連エン
コンテンツを滑らかにスライドさせるjQueryプラグイン:phpspot開発日誌
jQuery plugin - Easy Image or Content Slider | Css Globe This is my first jQuery plugin. I wrote several jQuery scripts but never made a real plugin just because I was I afraid of it's complexity. コンテンツを滑らかにスライドさせるjQueryプラグイン。 各種デモが以下で閲覧できます。 Default non-styled image slider Non-styled vertical image slider Non-styled vertical content slider マークアップが次のようにシンプルに記述できる点も導入の敷居が低くていいかんじです。 <div id="slider
Ajaxローディング時に使える画像ジェネレーター色々:phpspot開発日誌
Ajaxローディング時に使える画像ジェネレーターが色々あったようなのでまとめてみました。 こうした細かいところも、他サイトと違うものを使って独自色を出したいという場合に、沢山あると選択肢が広がりますね。 Preloaders.net ちょっと変わったデザインから選んでジェネレート可能。 Ajax Loading デザインから、背景色、前景色を選んでジェネレートできる。 Loadinfo.net 多数のサンプルからクリックで好きなものを作れる。種類多いです Webscriptlab 500で見れなくなってるかも。 120+ Free Ajax Activity Indicator Gif Icons ジェネレーターではないけどサンプル多数 他にもあったら教えてもらえるとありがたいです。
Bridge Word
This shop will be powered by Are you the store owner? Log in here
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
AJAX Reguler EXpression eValuator
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
[JS]超軽量で、シンプルなツールチップを実装するスクリプト -vTip