jQuery AJAX は、ページのバックグラウンド メソッドと Web サービス定義を呼び出すためのメソッド共有を実装します_jquery

1. 新しい [demo.aspx] ページを作成します。
2. まず、ページの背景ファイル demos.aspx.cs への参照を追加します。

using System.Web.Services;
3. このバージョンは .net Framework 2.0 よりも古いものではないことに注意してください。
バックエンド コード:

コードをコピー コードは次のとおりです:

[WebMethod]
public static string SayHello()
{
return "Hello Ajax!"
}

JS コード:

コードをコピー コードは次のとおりです:

$(function() {
$("#btnOK").click(function) () {
$.ajax({
//post メソッドを使用するには
type: "Post",
//メソッドが配置されているページとメソッド名
url : "Demo.aspx/SayHello",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返されたデータは、data.d を使用してコンテンツを取得します
alert(data.d);
error: function(err) {
alert(err); >});

//送信ボタンを無効にします
})
});


>


コードをコピー

コードは次のとおりです:

;

3. パラメーターを使用したメソッド呼び出し
バックエンド コード:




コードをコピーします。

[WebMethod]
public static string GetStr(string str, string str2)

{ return str } JS コード:

コードをコピー


コードは次のとおりです:

$( function() {
$("#btnOK").click(function() {
$.ajax({

type: "Post", url: "demo.aspx/GetStr" , //メソッドのパラメータは正しく記述する必要があります。str は仮パラメータの名前、str2 は 2 番目の仮パラメータの名前です。data: "{'str':'I am','str2 ':'XXX'}", contentType: "application/json; charset=utf-8 ", dataType: "json", success: function(data) {

//返されたデータは data.d

alert(data.d);
},
error: function(err) {
alert(err);
}) を使用して取得されます。 ;

// ボタンの送信を無効にします
return
} );


操作の効果は次のとおりです。



4. 配列メソッドを返す
バックエンド コード:




コードをコピー

コードは次のとおりです:

[WebMethod] public static List GetArray()

{

List li = new List(); i = 0 ; i
return li;

>コードをコピー

コードは次のとおりです:


$(function() {
$( "#btnOK") click(function() {
$.ajax({
type: "Post",
url: "demo.aspx/GetArray",
contentType: "application/ json; charset=utf- 8",
dataType: "json",
success: function(data) {

//
$("#list").html( を挿入する前に ul をクリアします"");

//データを再帰的に取得$(data.d).each(function() { //結果を li$("#list") ).append("

" this "

"); alert(data.d); エラー: 関数(err) {

alert(err);

}
});

// ボタンの送信を無効にします
return
}); ;




実行結果グラフ: