AJAXを使用する

我々はこの革新的な技術の可能性を意味を理解するために顔を見るようにAJAXを導入した後。 我々は、UpdatePanelを置く内容のページで簡単なアプリケーションを作成します。 Apaginaは、ページがロードされる日付と時刻を表示する2つのラベルに挿入されますが、我々は見て"UpdatePanelの一外側の内側のラベルを配置しますどのようにページの部分更新。

だから我々は新しいウェブサイトを作成し、フォーム上に配置さAJAXコントロールの管理に必要なDefault.aspxフォーム（ツールボックスの[AJAX Extensions]タブにある）、ScriptManagerコントロールを追加します。 従来は、このコントロールは、Visual Studioが自動的に作成するDIVタグの外側に配置されます。 私達のページでこのコントロールを含める後、私たちはこのような状況がある

今私たちのフォームやdenominiamolaのLabelDataOraLoadにラベルを挿入します。 ボタンを挿入します。

ファイルを開き、ラベルが現在の日付と時刻を表示するようにebento Default.aspx.csをPage_Loadを変更する

保護されたボイドをPage_Load（オブジェクト送信者、EventArgs e）







 {



  



 this.LabelDataOraLoad.Text = DateTime.Now.ToString（）;







 }

我々は、ボタンを数回クリックすると、アプリケーションを起動し、バックいくつかの記事を生成する。 我々が観察すると、値がボタンを押すごとに変更することがあります。

この時点で、ページにUpdatePanelコントロールを追加し、我々は、このコントロールにLabelDataOraUpdate呼ば番目のラベルを置く

それは現在の日付と時刻が表示されるように、このラベルのために我々は、Page_Loadイベントを変更する

保護されたボイドをPage_Load（オブジェクト送信者、EventArgs e）







 {



  



 this.LabelDataOraLoad.Text = DateTime.Now.ToString（）;



  



 this.LabelDataOraUpdate.Text = DateTime.Now.ToString（）;







 }

我々はアプリケーションを起動し、以前のように戻っていくつかの記事を生成する。 私たちは、クリックするたびに更新された、ラベルが同じ方法で動作することを参照してください

これは、番目のラベルがdell'UpdatePanel内部にポストバックがこのコントロールの外で行われる原因となったアクションであるがためです。 今すぐ排除dell'UpdatePanelでボタンを移動します。 我々が見れば、パネル上のタグのボタンの中に置かれているDefault.aspxファイルを参照してください。

我々はこの時点で開始する場合、他のが最初のページのロード時に値に設定されている間ボタンのラベルにのみ含まれているnell'UpdatePanelをクリックして、アプリケーションが更新されていることがわかります

これは、特定のアクション（ボタンのクリック）に応答して更新されますpaginaperchèページの唯一の芸術の部分的な更新と呼ばれるプロセスです。

これは明らかにAJAXの可能性を示すだけの簡単な例である、と私はそのようなタイマー、UpdateProgressのAutoCompleteExtender、など他のMicrosoftのコントロールの興味深い機能の公式ドキュメントを通じて深めていくことを勧めます。

• <<前のレッスン
• ヘルプインデックス
• 次のレッスン>>