JQuery による WebServices メソッドの呼び出しと 4 つの例_jquery

すべての ajax リクエストにバックエンド ページを追加することもできます。
Nima さん、C# クラス ファイルのメソッドを直接呼び出せたらいいのに、と考えていませんか? ！ (FishLi はここでフレームワークを作成しました。興味があればチェックしてください)
しかし、私たちがプログラマーであり、怠け者であり、コンピューターにもっと多くのことをしてもらいたいと思っていることを忘れているかもしれません。 (ここでは 13 歳のふりをしてください) しかし実際には、Microsoft と JQuery の専門家がすでにこの小さな問題の解決を手伝ってくれています。

通話は大きく次のカテゴリに分類されます:

1. パラメータなしで呼び出して値を返す

フロントエンド JS コード:

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

$("#btn1").click(function() {
$.ajax( {
タイプ: "POST"、
contentType: "application/json; charset=utf-8"、
url: "CalledByJquery.asmx/HelloWorld"、
データ : "{}"、
dataType : "json",
成功: function(json) {alert(json.d) },
error: function(error) {
error.response Text);

バックエンド WebMethod コード:

コードをコピー

コードは次のとおりです: [ WebMethod]public string HelloWorld(){

return "Hello World";

}


Google によるデバッグの結果:

2. 単純なパラメータと単純な戻り値を使用した呼び出し

フロントエンド JS コード:



コードをコピーします

コードは次のとおりです:$("#btn2").click(function() { "POST", contentType: "application/json; charset=utf-8",

url: "CalledByJquery.asmx/SimpleReturns",

データ : "{name:'Zhang San'}",
dataType: "json",
success: function(json) {alert(json.d) },
error: function(error) {
alter("呼び出しエラー" error.responseText) ;

バックエンド WebMethod コード:

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

[WebMethod]
public string SimpleReturns(string name)
{
return String.Format("あなたの名前は {0}", name);
}

Google によるデバッグの結果:


3. 複雑なパラメーターと複雑な戻り値を使用した呼び出し
フロントエンド JS コード:

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

$("#btn3").click( function() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "CalledByJquery.asmx/Get StudentList ",
データ: "{stu ; function(error) {



バックエンド WebMethod:

コードをコピー

コードは次のとおりです: [WebMethod ] public List GetStudentList(Student stu) { StudentList = new List

新しい Student{ID=1,Name="张Three"},

new Student {id = 2、name = "李四"}
add（stu）;
retund studentlist;
}

Googleでのデバッグの結果：
>



4. 匿名オブジェクトを返す WebMethod の呼び出し

フロントエンド JS コード:

コードをコピーします

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

$("#btn4").click(function() {
charset=utf -8",
url: "CalledByJquery.asmx/ReturnNoNameClass",
データ: "{ }",
dataType: "json",
成功: function(json) {alert(json.d); },
error: function(error) {
alter("呼び出しエラー" error.responseText);
}
});
});

バックエンド WebMethod コード:

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

[WebMethod]

public object ReturnNoNameClass()
return new {ID = 1, Name = "Zhang San" }; 結果:

はは、この時点で、お母さんはもう私の勉強のことを心配する必要がないと感じていますか？実際、多くのことは非常に単純ですが、誰も教えてくれませんが、私たち自身は実際の開発ではこの必要性を持っていないため、開発に特定の障害を引き起こしています
したがって、コミュニケーションは非常に重要です。