二、简单参数 简单返回值的调用

前端JS代码:

ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery による WebServices メソッドの呼び出しと 4 つの例_jquery

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

WBOY
WBOYオリジナル
2016-05-16 16:49:481151ブラウズ

すべての 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. 単純なパラメータと単純な戻り値を使用した呼び出しJQuery による WebServices メソッドの呼び出しと 4 つの例_jquery

フロントエンド 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 によるデバッグの結果:

JQuery による WebServices メソッドの呼び出しと 4 つの例_jquery
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 コード:

JQuery による WebServices メソッドの呼び出しと 4 つの例_jquery
コードをコピーします

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


$("#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" }; 結果:



はは、この時点で、お母さんはもう私の勉強のことを心配する必要がないと感じていますか?実際、多くのことは非常に単純ですが、誰も教えてくれませんが、私たち自身は実際の開発ではこの必要性を持っていないため、開発に特定の障害を引き起こしています
したがって、コミュニケーションは非常に重要です。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。