ASP.NET 2.0 AJAX では、サーバー Web サービスをクライアント JS で簡単に呼び出すことができます。呼び出しの例をいくつか示します。作成者がインストールした ASP.NET 2.0 AJAX のバージョンは、
AJAX 11 月 CTP です。
3 つの例は次のとおりです。
1 パラメータ付きの WS メソッド
2 パラメータのない WS メソッド
3 パラメータ型が DataTable の WS メソッド
1. WebMethod
注意すべき重要な点:
1 WebMethod クラスは、名前空間 Microsoft.Web.Script.Services を追加する必要があり、この空間は Microsoft.Web.Preview.dll を参照する必要があります。
タイプ 2 宣言にタグ [ScriptService] を追加
3 Asp.net 2.0 では、戻り値の型として DataTable を直接使用できますが、Web.config ファイルにシリアル化コンバータ属性を追加する必要があります。 DataSet、DataTable、DataRow にはすべてコンバータ
<system.web.extensions>
があります。
<スクリプト>
<ウェブサービス>
<jsonシリアル化>
<コンバーター>
<add name="DataSetConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataSetConverter, Microsoft.Web.Preview"/>
<add name="DataRowConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataRowConverter, Microsoft.Web.Preview"/>
<add name="DataTableConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataTableConverter, Microsoft.Web.Preview"/>
</コンバータ>
</jsonシリアル化>
</webサービス>
</スクリプト>
</system.web.extensions>
WEBサービス1：
システムを利用したWS1。
System.Web を使用します。
System.Collections を使用します。
System.Web.Services を使用します。
System.Web.Services.Protocols を使用します。
Microsoft.Web.Script.Services を使用します。
System.Data を使用します。
/**//// <概要>
/// WS1 の概要説明
/// </概要>
[WebService(名前空間 = " http://tempuri.org/ ")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[スクリプトサービス]
public class WS1 : System.Web.Services.WebService {
public WS1 () {
//設計されたコンポーネントを使用している場合は、次の行のコメントを解除します
//InitializeComponent();
[ウェブメソッド
]
パブリック文字列 ServerTime()
{
return String.Format("now: {0}", DateTime.Now);
[ウェブメソッド
]
パブリック DataTable GetDataTable()
{
DataTable dt = new DataTable("人");
dt.Columns.Add(new DataColumn("名前", typeof(string));
dt.Columns.Add(new DataColumn("姓", typeof(string)));
dt.Columns.Add(new DataColumn("メール", typeof(string)));
dt.Rows.Add("kui", "he", " [email protected] ");
dt.Rows.Add("レン", "チャオ", " [email protected] ")
;
}
}
WEBサービス2：
システムを利用したWS。
System.Web を使用します。
System.Collections を使用します。
System.Web.Services を使用します。
System.Web.Services.Protocols を使用します。
Microsoft.Web.Script.Services を使用する
/**//// <概要>
/// WS の概要説明
/// </概要>
[WebService(名前空間 = " http://tempuri.org/ ")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[スクリプトサービス]
public class WS : System.Web.Services.WebService {
public WS () {
//設計されたコンポーネントを使用している場合は、次の行のコメントを解除します
//InitializeComponent();
[ウェブメソッド
]
[ScriptMethod(UseHttpGet = true)]
パブリック文字列 HelloWorld(文字列クエリ)
{
文字列入力文字列 = Server.HtmlEncode(クエリ);
if (!String.IsNullOrEmpty(inputString))
{
return String.Format("こんにちは、{0}. ", inputString);
}
それ以外
{
"クエリ文字列が null または空です" を返します。
}
}
}
2. フロントページ:
注意すべき重要な点:
使用する必要があるバックグラウンド WebService メソッドは、次の場所に設定されます
<asp:ScriptManager ID="ScriptManager1" runat="server">
<サービス>
<asp:ServiceReference Path="~/WS.asmx" />
<asp:ServiceReference Path="~/WS1.asmx" />
</サービス>
</asp:スクリプトマネージャー>
デフォルトのページ:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1// JA" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head runat="サーバー">
<title>無題ページ</title>
<script language="javascript" type="text/javascript" src="js.js">
</script>
</head>
<本文>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<サービス>
<asp:ServiceReference Path="~/WS.asmx" />
<asp:ServiceReference Path="~/WS1.asmx" />
</サービス>
</asp:スクリプトマネージャー>
<div>
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="dd();return false;" />
<div id="時間">
</div>
<div id="リスト1">
<asp:DropDownList ID="ddl1" runat="server" width="187px">
</asp:ドロップダウンリスト>
</div>
</div>
</form>
</body>
</html>
3. JavaScript プログラム:
注意すべき重要な点:
AJAX 11 月 CTP では、eval() メソッドを使用して DataTable オブジェクトに変換する必要があります (先頭の "(") を切り取りますが、AJAX 12 月 CTP では、"Sys.Preview.Data.DataTable.parseFromJson(結果）」
関数 dd()
{
WS.HelloWorld(
「ヘクイ」、
関数(結果)
{
アラート(結果);
}
);
WS1.ServerTime(
関数(結果)
{
アラート(結果);
var divTime = document.getElementById("時間");
divTime.innerHTML = 結果;
}
);
WS1.GetDataTable(
関数(結果)
{
// ドロップダウン ボックス コントロールを取得します
var List = document.getElementById("ddl1");
//AJAX 11 月 CTP では、eval() メソッドを使用して DataTable オブジェクトに変換する必要があります (先頭の "(" を切り取ります)
var Text= result.dataArray.substring(0,result.dataArray.length -1);
var テーブル = eval(テキスト);
//AJAX 12 月 CTP は次の変換方法をサポートしています
// var Table = Sys.Preview.Data.DataTable.parseFromJson(result);
// ドロップダウン ボックスの元のリスト項目をクリアします
for (x=List.options.length-1; x > -1; x--)
{
リスト.削除(0);
}
//取得した DataTable のデータをドロップダウン ボックスのリスト項目に追加します
for (x=0; x < Table.length; x++ )
{
//各行を取得する
var Row = テーブル[x];
//リスト項目を作成する
var オプション = document.createElement("オプション");
//リスト項目にはテキストの割り当てが表示されます
option.text = 行.名前 + " " + 行.姓;
//リスト項目のオプション値の割り当て
option.value = Row.Email
//ブラウザの種類を決定し、項目を追加します。
if ( window.navigator.appName.toLowerCase().indexOf("microsoft") > -1)
List.add(オプション);
それ以外
List.add(オプション、null);
}
}
);
}
サンプルコード: http://www.cnblogs.com/heekui/archive/2007/01/10/616332.html