Ajax

HTML_AJAXによるAJAXの実践(3)ーー同期と非同期の実感

簡単に言ってしまえば、同期処理は順序処理で、 ユーザは一つのタスクが終わる前に待つしかないです。 非同期処理はマルチ処理で、ユーザは一つの処理を開始した後、 別の処理も行えます。 この違いでAJAXのメリットを実感できると思います。下記、HTML_AJAX…

HTML_AJAXによるAJAXの実践(2)ーーappendによる画面表示追加変更

画面作成: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/Javascript" src="server.php?client=all" ></script> </head> <body> <form method="post"> </form></body></html>

HTML_AJAXによるAJAXの実践(1)ーーreplaceによる画面表示変更

HTML_AJAXはPHPでAJAXを利用するためのパッケージで、 PEARライブラリを通じてインストール可能です。2008年7月11日現在でのバージョンは0.5.6(beta版)を使っています。 root@st-desktop1:/home/WWW/HTML_AJAX/ajax# pear list Installed packages, channel …

JSで遊ぼう

ブラウザのアドレス入力欄に普通URLを入力し、サイトにアクセスしますが、そこにjavascriptのコードを入力すると直接実行してくれます。 今回はこの機能を使ってひとつ遊んでみようっwまずGOOGLEにアクセスします:http://www.google.co.jp/ つぎにアドレス…

Dive Into Prototype.js(2)--Stringオブジェクト

blank( ) 文字列は空かスペースだけかをチェックし、True/Falseで返す。 >>> var str = "a"; >>> str.blank(); false >>> str=" "; " " >>> str.blank(); true camelize( ) ハイフンで繋いだ文字列をCamel形式に変換する。 (Prototype内部でこのメソッドを…

Dive Into Prototype.js(1)--$系変数

$( ) DOMのdocument.getElementById()関数のショートカットです。 DOMより進化しています。メソッドが拡張されました。 (ELEMENTオブジェクトのリファレンスを参照) <html> <head> <script src="prototype-1.6.0.2.js" type="text/javascript"> </script> <script type="text/javascript"> function test$(){ var div = $('target'); alert(div.innerHTML); …</head></html>

Ajax関連リンク(随時更新)

Ajax Rain (English) 大量サンプルをダウンロード可能 http://www.ajaxrain.com/Prototype.jsの使い方 APIドキュメント http://www.imgsrc.co.jp/~kuriyama/prototype/prototype.js.html