ホームページ > ウェブフロントエンド > jsチュートリアル > jquery は、asp.net ページのバックグラウンド実装 code_jquery を呼び出します。

jquery は、asp.net ページのバックグラウンド実装 code_jquery を呼び出します。

WBOY
リリース: 2016-05-16 18:07:22
オリジナル
928 人が閲覧しました

まず 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 を直接クリックし、テストを取得します。コードを変更するとポップアップが表示されます。これは単なるテストです...
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート