まず aspx ページを作成し、クライアント コントロールを記述します value="AjaxDemo"> 次に、aspx 背景ページに簡単なメソッドを記述します。コードは次のとおりです。
[WebMethod] public static string ABC(string ABC) { return ABC; }
静的メソッドとして宣言する必要があり、[WebMethod] 属性で注釈を付ける必要があります。しかし、Web サービスでは、静的メソッドである必要はありません。そのオブジェクトは、リスト、データセット、クラス オブジェクトなどです。
次に、フォアグラウンドのクライアント コントロールにメソッドを呼び出す方法を検討する必要があります。ここで jquery が登場します。
ページに jquery クラス ライブラリを導入します
次のようにスクリプト コードをページに追加します:
< script type="text/javascript"> $().ready( function() { $("# AjaxDemo").click(function() { $.ajax({ type: "POST", url: "Default.aspx/ABC", data: "{'ABC' :'test'}", contentType: "application/json; charset=utf -8", success: function(msg) {alert(msg); } }) }) } )
以上です! ここで説明するのは、jquery クラス ライブラリの使用方法です。
jquery には .ajax などのメソッドがたくさんありますので、試してみてください。
補足: 3.5 のビルドに注意してください。プロジェクト(2.0 の場合)。 2.0 プロジェクトを構築している場合、構成ファイルはあまり参照されません。 3.5を構築します。 3.5 構成ファイルを 2.0 プロジェクトに上書きするだけです。
上記のコードが成功後に「{d:test}」と表示される場合は、文字列が返されるため、json オブジェクトを返すように変更できます。
jquery コードを次のように変更します
$().ready( function() { $("#AjaxDemo").click(function() { $.ajax({ type: "POST", url: "Default.aspx/ABC", データ: "{'ABC':'test'}"、 dataType: "json"、 contentType: "application/json; charset=utf-8"、 成功: function(msg) { alert( msg.d); } }) }) } }
返されるデータを json オブジェクトに設定します。返された json オブジェクトを使用できます。表示される d:test によれば、キーが d で値が test であることがわかります。次に、返されたデータ msg オブジェクトを使用して d を直接クリックし、テストを取得します。コードを変更するとポップアップが表示されます。これは単なるテストです...