.NETプログラミング研究/80 のバックアップ(No.2)

ASP.NET AJAXを使う †

ASP.NET AJAXをインストールする †

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」のようなパスにあります。

▲ ▼

ASP.NET AJAXを使う †

▲ ▼

ASP.NET AJAXを使って、WebサービスのメソッドをJavaScriptから呼び出す †

ASP.NET AJAXを使うと、まるでWebサービスのメソッドをJavaScriptから直接呼び出すかのように、Webサービスにアクセスすることができます。

ここでは、前々号で紹介したアプリケーションと同じものをこの機能を使って実現してみます。

まず、WebサービスのクラスにScriptServiceAttribute属性を適用します。

#code(vbnet){{
}}

<%@ 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ハンドラを登録する必要があります。

<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コントロールを一つ配置します。

▲ ▼

ページ情報
作成日 : 2007-10-11 (木) 17:27:24 作成者 : DOBON! 最終編集日 : 2007-10-12 (金) 17:44:24 最終編集者 : DOBON!

DoboWiki

ASP.NET AJAXを使う †

ASP.NET AJAXをインストールする †

ASP.NET AJAXを使う †

ASP.NET AJAXを使って、WebサービスのメソッドをJavaScriptから呼び出す †