Ajax 非同期通信して取得したデータを表示する方法。
今回は Ajax の特徴である非同期通信を行なってみます。非同期通信は JavaScript の XMLHttpRequest オブジェクトを使って行なうことができます。しかし XMLHttpRequest は Webブラウザ間で実装に違いがあります。 そのため非同期通信の機能も Ajaxフレームワークである prototype.js を使うことにします。prototype.js がWebブラウザ間の違いを吸収してくれるので、プログラマーは簡単にプログラムを書くことができます。 最初は Ajax の基本的な動きと開発の流れに専念してもらいたいので、プログラムの解説は次回にします。今回ぜひ押えておいてほしい点は以下の通りです。 ・動作確認はローカル環境のWebサーバー上で行なう ・必ずWebサーバーを起動している必要がある ・prototype.js を使う ・取得できるデータは同一ドメイン
JavaScriptでHTMLをダイナミックに書き換える 前編
ある要素の直前に追加する（insertBefore） これまでのサンプルでは、要素を追加するところに、それを収容する要素が事前に準備されていました。しかし、あるタグ要素を追加したいときに、その追加したいタグを収容する要素がすでに存在しているとは限りません。そのような場合に役に立つのがinsertBeforeメソッドです。このメソッドは名前の通り、あるタグ要素の前に、新たな要素を追加するメソッドです。正確に言うと、親となるタグ要素があり、その直下の子要素のいずれかを指定し、その直前に新たな要素を追加します。 insertBeforeメソッドには2つの引数を与えて使います。1つ目は、新たに追加したい要素ノードオブジェクトです。2つ目は、追加したい要素の場所を表すために使う、直前の子要素のノードオブジェクトです。 次のサンプルを見て、具体的な使い方を見ていきましょう。 insertBefore.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
