Javascriptprototypeの基礎prototype.jsは、jQueryと同様のJavaScriptライブラリです。prototype.は膨大な機能があるので、ここでは私が興味をもった、Ajax.UpdaterとAjax.Requestだけに限定してテストをしました。そのテスト結果の個人的メモです。例3:Ajax.Requestによる部分表示prototype.jsの利用環境設定prototype.jsはhttp://prototypejs.org/downloadからダウンロードできますが、いくつかのサイトで、オンラインでの利用をサポートしています。それを利用すれば、自分のサーバにダウンロードする必要はありません。type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>を追加すればよいのです。Ajax.UpdaterとAjax.Requestここでは、読み込まれる外部HTMLファイルを(called/called1.html)を子ファイル、読み込むHTMLファイル(このページ)を親ファイルといいます。prototypeの機能は多様ですが、子ファイルを読み込んで親ファイルの指定場所に表示するAjax.UpdaterとAjax.Requestに限定します。この機能は、「外部ファイルの読込」で示したように、通常のJavascriptだけでも実現できますが、prototype.jsを使うことにより、簡潔に記述できます。called/called1.html全体を表示するならAjax.Updaterを使い、読み込んだものを加工するならばAjax.Requestを使うのが適切です。基本的に親ファイルの表示個所に、子ファイルをそのまま記述したのと同じなので、子ファイルの画像表示やHead部に記述したスクリプトは、親ファイルに表示したときにそれらが反映しなくなります。それに関しては、「Test」を参照してください。例1:Ajax.Updaterによる全体表示Ajax.Updaterは、子ファイルを読み込んで、親ファイルの任意の場所に表示する機能です。より、サーバとの通信で子ファイルを読み込みます。」の形式で列挙します。onSuccess(読込に成功したら)やonError(読込に失敗したら)での処理(functionになる)がありますが、ここでは必ず成功するものとして省略します。読み込んだ外部ファイルの文の加工が必要なときに用います。外部ファイルの読込みの処理だけを行い、読み込んだ後の処理は他の関数(ここでは「例2読込後処理」)で行います。「表示場所」の引数がありません。「読込成功のとき~」を示します。成功時に起動する関数を指定します。このとき、関数の引数に、子ファイルの情報(オブジェクト)が自動的に引き渡されます(ここでは引数名を「読込情報」としました)。読み込んだ文章が入ります。それを引数にして「例2読込後処理」を呼び出します。G:「例2読込後処理」で子ファイルの内容(文字列)を処理します。ここでは単に表示するだけです。読込文;と記述すべきなのが、このように簡略化できます。(jQueryと異なり、innerHTMLは必要です。例2での「例2読込後処理」の部分を書き換えることにより、読み込んだ子ファイルの内容から特定の個所だけを表示したり、変更して表示することができます。次の例では、文中に「h4」の文字列がある行だけを選択して表示しています。文字列操作に関する機能の利用であり、Prototypeに固有なものではありません。......にしています。J:各行について「h4」の文字列があるかどうかを走査しています。「/h4/i」は正規表現です。