略で、非同期通信を利用してデータを取得したり、動的にウェブページの内容を書き換える技術のことです。マップではブラウザ上をマウスのドラッグによって地図の表示範囲を移動させたり,拡大/縮小率を変更したりできます。出現る前までは,地図上の表示や縮小率を切り替えるたびに,その都度ページを切り替えなければなりませんでした。オブジェクト(HTTP通信を行うためのオブジェクト)を使ってサーバーに送信します。サーバー側で処理された結果を非同期に受け取り,ページの必要な部分だけを動的に更新します。「非同期に」とは,処理を行っている間,クライアント側の処理が中断されないこと(サーバーからの応答を待つ必要がないこと)です。サーバー側の処理とクライアント側での動作がそれぞれに別々に動作していることを意味します。ページの操作性を向上することができます。div要素に表示するという動作を書いたものです。SampleHide/Showコードの内容を見てみます。インスタンスを生成しています。インスタンスは、以下のようなプロパティとメソッドを持っています。要求のHTTPメソッド(GETかPOST)と相手のURLを設定する。同期要求を指定できる。サーバから返された応答ステータスコード。応答で返されたステータスメッセージ要求の開始サーバに要求を送信するには、以下のセットアップを実行する必要があります。open()メソッドを呼び出すことで設定します。リクエストを作成します。(必須)2番目の引数(url)にはリクエストを送るURLを指定します。(必須)3番目の引数(async)には非同期通信か同期通信かを指定します。true(非同期通信)が設定されます。プロパティに対してコールバック関数(レディステートハンドラ)を設定します。レディステートハンドラにする関数への参照を割り当てます。ステート(成功した場合)にのみ注目し、それ以外は無視するように書かれます。}}4番目のステップでは、POST要求に本文コンテンツがあれば提供し、サーバに送信します。エンコーディングする必要があります)。後に記述して送られるので)引数には「null」を記述しておきます。インスタンスから応答の本文を取り出すことができます。プロパティを介して取得できます。プロパティとなります。使って、そのXMLを処理できる。以下に再度コードを掲載します。メソッドを利用して以下のように記述できます。要素の読み込みを参照ください。いくつかの制限があります。同一ドメイン上にあるファイルしか取得できません。サーバーサイドプログラムを利用するの方法です。その場合セキュリティに十分な配慮をしなければなりません。自分の管理下にないサーバーのファイルを読み込む場合、不正に書き換えられたファイルをそのまま読み込んでしまう恐れがあるため大変危険なので注意が必要です。同一ドメインのサーバにアップロードします。ファイルを読み込み、読み込んだ内容をそのまま出力します。そのファイルが安全であるということが前提になります。引数に読み込むファイルを指定すると、セレクタで指定した要素の内容を取得したデータで書き換えます。言い換えると、指定した要素に読み込んだファイルのデータを挿入することができます。以下が、その書式です。要求の発行を開始します。成功したレスポンスであると判断した場合、マッチした要素全ての内容が、取得したデータで置き換えられます。書き換えが完了したとき呼び出されるコールバック関数を指定することができます。オプションとしてセレクタを使用することができます。parameters(String|Object|Array)オプションサーバー側への要求のパラメータとして渡すべきデータを指定できます。メソッドが使われます。callback(Function)オプションコールバック関数を指定します。この関数はマッチした要素(集合)に取得したデータが挿入された後に呼び出されます。この関数はラップ集合内の各要素につき1回ずつ呼び出され、ターゲットの要素(集合)が関数のコンテクスト(this)となります。</html>まで)を取り込んでしまいます。セレクタを指定することで、読み込む場所(要素)を絞り込むことができます。後に、1個のスペースに続けてセレクタを書きます。要素だけを注入したい場合は、次のように書きます。要素(table#schedule)の内容を取得してみます。指定すると、そのページ全体を取得してしまいます。要素のみを取得したい場合は、ファイル名の後にスペースに続けて、取得する要素のセレクタを指定します。要素に挿入して表示する例です。Load今度はコールバック関数を使って、取得したデータを加工して表示してみます。要素に挿入して表示します。要素を使って表示します。以下がそのコードです。オブジェクトが入っています。それをまず変数(table$)に格納します。全体の文字列が入っています。venue$)に格納します。空文字列で初期化しておきます。文を使って、要素の数だけ繰り返し処理を行います。