Ajax

Ajax

Ajax(エイジャックス、アジャックス、アヤックス)は、ウェブブラウザ内で非同期通信とインターフェイスの構築などを行う技術の総称。XMLHttpRequest(Hypertext Transfer Protocol HTTP通信を行うためのJavaScript組み込みクラス (コンピュータ) クラス)による非同期通信を利用し、通信結果に応じてダイナミックHTMLで動的にページの一部を書き換えるというアプローチを取る。
AjaxはAsynchronous JavaScript JavaScript + Extensible Markup Language XML の略で、2005年2月18日に米国のインフォメーションアーキテクトであるJesse James Garrett氏により名付けられた。
従来のウェブアプリケーション Webアプリケーションでは、サーバにリクエストを送信後、レスポンスを新たにウェブページとして受け取り画面遷移が発生していたが、Ajaxにより画面遷移を伴わない動的なWebアプリケーションの製作が実現可能になる。

image

  1. Players from Netherlands  AFC Ajax  react after a goal was scored
  2. Players from Netherlands  AFC Ajax  react after a goal was scored
  3. AFC Ajax s Luis Suarez  right  competes for the ball with FC Dynamo
  4. Ajax players celebrate scoring during the second leg Champions
  5. Betao  left  of FC Dynamo Kiev challenges for the ball with Vurnon
  6. Artem Milevskiy  top  and Oleg Gusev of Dynamo Kiev react during
  7. AFC Ajax  Luis Suarez  left  competes for the ball with FC Dynamo
  8. Jan Vertonghen of Netherlands side AFC Ajax challenges for the

Sponsored Link

関連Webサイト

Ajax - Wikipedia
Webアプリケーションでは、サーバにリクエストを送信後、レスポンスを新たにウェブページとして受け取り画面遷移が発生していたが、Ajaxにより画面遷移を伴わない動的なWebアプリケーションの製作が実現可能になる。 ...
Ajaxとは - はてなキーワード
Ajax - Asynchronous JavaScript + XML の略称。2005年2月18日に ... Ajax の要素には XML も含まれているが、実際には XMLHttpRequest で取得した HTML ソースを ...
Ajaxを勉強しよう
Ajaxを勉強しよう. このページはAjaxを勉強してみたい人向けの学習用ページです。 ... Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 ...
Ajax IME: Web-based Japanese Input ...
Ajax IME: Web-based Japanese Input Method. Webベースの日本語入力サービスです。 ... Alt-o (Ctrl-9) で Ajax IMEモードに変更します。 ...
@IT:古くて新しいAjaxの真実を見極める
Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。 ... 前出のマピオンは、現在「マピオンラボ」でAjax版の地図アプリケーションを公開している。 ...
JavaScript + Ajax 実践サンプル集 - ホーム
デモサンプル、ソースコード。 ... 最近注目されている、jQueryとAjaxのデモも豊富に公開しています。 AjaxとjQueryの新規プログラムをアップしたとき通知して欲しいときはメルマガを購読してください。 このサイトが ...

Ajaxに関連する疑問

Q:PHPのアンケートフォーム自動生成ソフトを探しています。 ・googleフォームのようにフォームをAjaxで作成し、埋め込み用HTMLを出力する ・submitした結果は、メールで送信する。 ・バリデーションとサニタイズをしてくれる。とくにメールアドレスの書式チェックとcatpcha 自分でPHPを組んでもいいのですが、サニタイズやバリデーションを自分でゴリゴリ書くのは嫌だし、今後のメンテナンス(質問項目の変更)などを考えると、フルスクラッチではなく既存ソフトを使いたいと。 また、SugarCRMなどを使えばいいのも分かっておりますが、それはいささかアプリが大きすぎると考えています。 googleフォームが一番イメージに近かったのですが、いくつかの必須機能を満たしていないので、没になりました。 こういうニーズは多いと思うのですが、そのたびに世の中のプログラマたちが一からフルスクラッチで書いているとすればそれもばかげた話だと思い、もしかすると定番ソフトといえるものがもうあるのかもしれないと思い、質問いたしました。 メジャーなものやお勧めの物があれば教えていただければ助かります。 A:回答

Q:jquery1.4 で ajax を使用し、下記のような処理を書いてみました。 test.htmlの「ここをクリックしたらalert(1)が出てほしい。」をクリックすると alert(1)が実行されるようにするには、どのようにすればいいのでしょうか? ソースコードで教えて頂けると助かります! ■呼び出し元のhtml <head> $(function(){ $("#test").load("test.html"); $("#test1").click(function(){ alert(1); }) }) </head><bddy><div id="test"></div></body> ■test.htmlの内容 <a href="#" id="test1">ここをクリックしたらalert(1)が出てほしい。</a>A:回答

Q:Webサイト制作者の方は教えていただけないでしょうか? サイトを制作する時に共通のナビゲーションとか、フッターとかを各ページにインクルードされていると思いますが、iframe、PHPを使う物、SSIを使う物以外で方法はありますか?私はjqueryを使った物(http://icant.co.uk/sandbox/ajax-code-display/)を使っていたのですが 、すごく重いのです。良い方法を教えてください。A:回答

Q:jQueryを使い、フォーム投稿をAJAX処理しています。 送信完了の時に、thickboxやLightboxのような表示で「完了しました」というメッセージを出したいと思います。 AJAX処理完了後にthickboxを使って完了ページを読み込めば実現できますが、わざわざ完了ページを作成するのも無駄だと思い、同様の表示が出来る方法を探しています。(ポップアップメッセージのようなイメージでいます) ご存じの方はアドバイス下さい。(jQueryのライブラリでも構いません)A:回答

Q:ajaxベースのオープンソースの「日本地図」を探しています。 http://myhaken.jp/ こちらのページの日本地図のようなものです。 できればUIが使いやすいものがよいです。 もし、ご存知の方いましたら教えてください。 宜しくお願いいたしますm._.)mA:回答

Q:以下のJavaScriptが動きません。 FxやChromeでは動くのですがIE7/8ではうごきません。 prototype1.6.0.3を使用しています。 forを抜けた後のalertが動かず、困っています。アドバイスお願いいたします。 >|| function load(){ new Ajax.Request(prjlist, {method:'get',onComplete:displayResult}); } function displayResult(req){ data = req.responseText.evalJSON(); html = '<div><form name=\"prjlist\">プロジェクト:<select id=\"template\" name=\"template\" onChange=\"selectprj()\"><option value=\"\" selected=\"selected\">選んでください</option>'; for(i=0;i<data.projects.length;i++){ html = html += '<option value=\"'+ data.projects[i].prjfile.escapeHTML() + '\">'; html = html += data.projects[i].name.escapeHTML() + '</option>'; alert (html); // ←このアラートは作動する。JSONのデータも文字列で受け渡している。 } alert (html); // ←このアラートは作動しない… html = html += '</select></form></div>'; } ||<A:回答

Q:ajaxについて教えてください。 ドメインAのファイルに下記の様に書き <script type="text/javascript" src="http://ドメインB/hoge.js"></script> ドメインBにある hoge.js でajaxを使い、 ドメインB内にあるファイル foo.txt を読み込んで表示する。 と言うことを行いたいのですが、 この場合、foo.txt は ドメインAから見ると、一度ドメインBのhoge.jsを間に入れても ドメインAから見ると違うドメインなので無理なのでしょうか? 実際に試すと上記に書いたとおりダメなのですが、 確認も含めて質問させていただいております。 よろしくお願いします。A:回答

Q:AJAXを利用して、非同期なウェブUIを実現しつつ、ブラウザの戻るボタンで、操作を戻すことができるようにするには、どういった方法がありますか? 具体的には、GoogleのAdsenseやAdwardsの管理画面は、AJAXで、画面遷移していないのに、ブラウザの進む戻るが使えます。A:回答

pico~ ©もんじろうキーワード!