*Microsoft ASP.NET AJAXを使う [#d37ae965] 前回、前々回とASP.NETでAjaxを使ったWebアプリケーションを作成する方法を紹介してきました。前回はICallbackEventHandlerインターフェイスを実装する方法を紹介し、多少楽をすることができました。それでもJavaScriptのコードを自分で書く必要があり、JavaScriptの知識を必要とします。 今回紹介するMicrosoft ASP.NET AJAXを使用すれば、極端に言えば、自分でJavaScriptのコードを一行も書くことなく、Ajaxを使用したページを作成することができます。自分でJavaScriptのコードを書く必要があるケースでも、大幅に簡略化できます。 なお、ここで説明するASP.NET AJAXのバージョンは、1.0です。 **Microsoft ASP.NET AJAXをインストールする [#z541599a] Microsoft ASP.NET AJAXをインストールするには、.NET Framework 2.0以上が必要です。 まず、ASP.NET AJAXをダウンロードします。MSIファイルとして提供されています。以下のページからダウンロードできます。 -[[AJAX : The Official Microsoft ASP.NET 2.0 Site>http://go.microsoft.com/fwlink/?LinkId=75350]] ここでは、「ASP.NET 2.0 AJAX Extensions」をダウンロードしてください。「ASP.NET AJAX Control Toolkit」もインストールしたい場合は、「ASP.NET 2.0 AJAX Extensions」をインストールした後にしてください。 ダウンロードしたMSIファイルを使ってインストールします。インストールするには、管理者権限が必要です。また、前のバージョンのASP.NET AJAXがインストールされている場合は、これをアンインストールしてから新しいバージョンをインストールしてください。 ASP.NET AJAXがインストールされると、Visual Studio 2005(またはVisual Web Developer Express Edition)にASP.NET AJAX用のプロジェクトのテンプレートがインストールされます。Visual Studioで「新しいWebサイト」ダイアログを表示させると、「ASP.NET AJAX-Enabled Web Site」というテンプレートが見つかるでしょう。また、ツールボックスに「AJAX Extensions」というタブが追加され、幾つかのコンポーネントが登録されます。 このようなテンプレートでプロジェクトを作成したり、「AJAX Extensions」タブにあるコンポーネントをページに配置したりすると、Web.configに必要な設定が書き込まれます。Visual Studio(またはVisual Web Developer Express Edition)をインストールしていない場合は、Web.configの設定を自分で書き込む必要があります。どのように書き込むかのサンプルが、ASP.NET AJAXをインストールしたフォルダにあります。ASP.NET AJAXは、通常「C:\Program Files\Microsoft ASP.NET」のようなパスにインストールされ、サンプルのWeb.configはそれ以下の「C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\v1.0.61025\web.config」のようなパスにあります。 **UpdatePanelを使う [#r8e2732e] まずは、ASP.NET 2.0 AJAX ExtensionsサーバーコントロールであるUpdatePanelを使用する方法を紹介します。UpdatePanelを使えば、JavaScriptのコードを自分で書く必要がありません。 **ASP.NET AJAXを使う [#n4f31489] **ASP.NET AJAXを使って、WebサービスのメソッドをJavaScriptから呼び出す [#p124f866] ASP.NET AJAXを使うと、まるでWebサービスのメソッドをJavaScriptから直接呼び出すかのように、Webサービスにアクセスすることができます。 ここでは、前々号で紹介したアプリケーションと同じものをこの機能を使って実現してみます。 まず、WebサービスのクラスにScriptServiceAttribute属性を適用します。 #code(vbnet){{ }} #code(csharp){{ <%@ WebService Language="C#" Class="WebService" %> using System; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.Web.Script.Services.ScriptService] public class WebService : System.Web.Services.WebService { [WebMethod] public int GetYoupackFee(int packSize) { //(省略) } } }} もし「ASP.NET AJAX-Enabled Web Site」テンプレートを使用してプロジェクトを作成していないのであれば、Web.configに以下のような設定を追加して、ScriptHandlerFactory HTTPハンドラを登録する必要があります。 #pre{{ <system.web> <httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" type="System.Web.Script.Services.ScriptHandlerFactory" validate="false"/> </httpHandlers> <system.web> }} 次に、Webサービスを呼び出すJavaScriptを作成します。 次に、Webサービスを呼び出すページを作成します。コントロールの配置は、今までと同じままとし、ScriptManagerコントロールを一つ配置します。 //これより下は編集しないでください #pageinfo(,2007-10-11 (木) 17:27:24,DOBON!,2007-10-18 (木) 02:42:07,DOBON!) |