JQuery ruft WebServices-Methoden und 4 examples_jquery auf

Sie fügen sogar eine Backend-Seite für jede Ajax-Anfrage hinzu!
Denkst du überhaupt, Nima, dass es großartig wäre, wenn du Methoden in C#-Klassendateien direkt aufrufen könntest? ! (FishLi hat hier ein Framework erstellt, Sie können es sich bei Interesse ansehen)
Allerdings haben Sie vielleicht vergessen, dass wir Programmierer sind, wir sind faul und wir möchten, dass der Computer mehr Dinge für uns erledigt! (Geben Sie hier vor, 13 zu sein), aber tatsächlich haben uns Microsoft- und JQuery-Experten bereits bei der Lösung dieses kleinen Problems geholfen.

Die Anrufe sind grob in folgende Kategorien unterteilt:

1. Aufruf ohne Parameter und Rückgabewert

Front-End-JS-Code:

Code kopieren Der Code lautet wie folgt:

$("#btn1").click(function() {
                                                $.ajax( {
Typ: „POST“,
Inhaltstyp: „application/json; charset=utf-8“,
URL: „CalledByJquery.asmx/HelloWorld“,
Daten: „{}“,
dataType : "json",
success: function(json) { warning(json.d); },
error: function(error) {
error.response Text);

Backend WebMethod-Code:

Code kopieren

Der Code lautet wie folgt: [ WebMethod]public string HelloWorld(){

return "Hello World";

}


Das Ergebnis des Debuggens mit Google:

2. Aufruf mit einfachen Parametern und einfachen Rückgabewerten

Front-End-JS-Code:



Kopieren Sie den Code

Der Code lautet wie folgt:$("#btn2").click(function() { "POST", contentType: "application/json; charset=utf-8",

url: "CalledByJquery.asmx/SimpleReturns",

data: "{name:'Zhang San'}",
dataType: "json",
success: function(json) { warning(json.d); },
error: function(error) {
warning("Calling error" error.responseText ;

Backend-WebMethod-Code:

Code kopieren Der Code lautet wie folgt:

[WebMethod]
öffentliche Zeichenfolge SimpleReturns(string name)
{
return String.Format("Your name is {0}", name);
}

Die Ergebnisse des Debuggens mit Google:


3. Aufruf mit komplexen Parametern und komplexen Rückgabewerten
Front-End-JS-Code:

Code kopieren Der Code lautet wie folgt:

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

Code kopieren

Der Code lautet wie folgt:

[WebMethod ] public List GetStudentList(Student stu) { studentList = new List         new Student{ID=1,Name="张Three"},                                                                                                                                                                                                               ; Add(stu);

return studentList;

}

Das Ergebnis des Debuggens mit Google:




4. Aufruf einer WebMethod, die anonyme Objekte zurückgibt


Front-End-JS-Code:

Code kopieren
Der Code lautet wie folgt:

$("#btn4").click(function() {
                                                                                                          charset=utf -8",
url: "CalledByJquery.asmx/ReturnNoNameClass",
data: "{ }",
dataType: "json",
Success: function(json) { warning(json. d); },
error: function(error) {
warning("Calling error" error.responseText);
}
            });
            });

Backend WebMethod-Code:

Code kopieren Der Code lautet wie folgt:

[WebMethod]

öffentliches Objekt ReturnNoNameClass()
return new {ID = 1, Name = „Zhang San“ }; Ergebnis:

Haha, hast du jetzt auch das Gefühl, dass es für Mama nicht mehr so ​​einfach ist? Tatsächlich sind viele Dinge sehr einfach, aber niemand sagt es uns, aber wir selbst haben dieses Bedürfnis in der tatsächlichen Entwicklung nicht, daher hat es bestimmte Hindernisse für unsere Entwicklung verursacht
Deshalb ist Kommunikation so wichtig!