かるあ のメモ

アクセスカウンタ

zoom RSS JavaScript から ASP.NET Webservice のメソッドを呼び出す。

<<   作成日時 : 2007/02/27 18:53   >>

面白い ブログ気持玉 2 / トラックバック 3 / コメント 0

ASP.NET AJAX Extension で構成された Web Service は
Microsoft AJAX Library を使用した Javascript から簡単に呼び出すことが出来ます。

WebService の作成
1.ASP.NET AJAX-Enabled Web Site を作成する。
画像


2.プロジェクトにWebServiceを追加する。
画像


3.ScriptService 属性を付加する。
<Script.Services.ScriptService()> _
<WebService(Namespace:="http://comuplus.net/")> _
<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _
<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _
Public Class WebService
   Inherits System.Web.Services.WebService

   <WebMethod()> _
   Public Function HelloWorld() As String
       Return "Hello World"
   End Function

End Class

HTML の作成
1.HTML に Microsoft AJAX Library をリンクする。
 <script type="text/javascript" src="js/MicrosoftAjax.js" ></script>
 <script type="text/javascript" src="js/MicrosoftAjaxTimer.debug.js" ></script>
 <script type="text/javascript" src="js/MicrosoftAjaxWebForms.js" ></script>


2.作成した WebService の Proxy オブジェクトをリンクする。
 <script type="text/javascript" src="http://localhost/AjaxEnabledWebSite/WebService1.asmx/js" ></script>

3.Proxy を通して WebService を呼び出す。
function OnComplete(value) {
 alert(value);
}
function OnTimeOut(value) {
 alert("タイムアウト");
}
function OnError(value) {
 alert("エラー");
}
WebService.HelloWorld(OnComplete, OnTimeOut, OnError)


WebServiceと違うディレクトリにHTMLを置く場合は次のように
WebServiceへのフルパスを指定する必要があります。
(クロスドメイン不可、ただしIEでローカルファイルとして開いたり、ブラウザの設定でクロスドメインを許せば可能)
WebService.set_path("http://localhost/AjaxEnabledWebSite/WebService.asmx");


参考
すてきな ASP.NET(MSDN)

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 2
面白い 面白い

トラックバック(3件)

タイトル (本文) ブログ名/日時
ASP.NET AJAX で作成された Proxy オブジェクトにコメントをつけてみる。
ASP.NET AJAX で構成された WebService は Microsoft AJAX Library から簡単に呼び出させます。そのあたりはここやここを見てもらうとして、今回は WebService によって作成された Proxy クラスを覗いていてみようと思います。 ...続きを見る
かるあ のメモ
2007/03/01 18:21
JavaScript から ASP.NET Webservice のメソッドを呼び出す。
かるあ のメモ からです。 JavaScript から ASP.NET Webservice のメソッドを呼び出す。 JavaScript から ASP.NET Webservice のメソッドを呼び出す。(2) ...続きを見る
ナオキにASP.NET(仮)
2007/03/02 15:41
Microsoft AJAX Libraly でページを非同期に読み込む
前回は ASP.NET AJAX の WebService が吐き出す Proxy クラスを経由して WebService を呼び出しましたが、今回は Proxy クラスが内部で使用している Sys.Net.WebRequest クラス を使って 非同期にページを読み込んでみたいと思います。 ...続きを見る
かるあ のメモ
2007/03/08 17:02

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
JavaScript から ASP.NET Webservice のメソッドを呼び出す。 かるあ のメモ/BIGLOBEウェブリブログ
文字サイズ:       閉じる