JQuery appelle les méthodes WebServices et 4 exemples_jquery

Vous ajoutez même une page backend pour chaque requête ajax !
Pensez-vous même, Nima, que ce serait génial si vous pouviez appeler directement des méthodes dans des fichiers de classe C# ? ! (FishLi a créé un framework ici, vous pouvez le consulter si vous êtes intéressé)
Cependant, vous avez peut-être oublié que nous sommes des programmeurs, que nous sommes paresseux et que nous voulons que l'ordinateur fasse plus de choses pour nous ! (Faites semblant d'avoir 13 ans ici), mais en fait, les experts Microsoft et JQuery nous ont déjà aidé à résoudre ce petit problème.

Les appels sont grossièrement répartis dans les catégories suivantes :

1. Appel sans paramètres et valeur de retour

Code JS front-end :

Copier le code Le code est le suivant :

$("#btn1").click(function() {
                                                 $.ajax( {
type : "POST",
contentType : "application/json; charset=utf-8",
url : "CalledByJquery.asmx/HelloWorld",
data : "{}",
dataType : "json",
succès : function(json) { alert(json.d },
erreur : function(error) {
error.response Text);

Code WebMethod backend :

Copier le code

Le code est le suivant : [ WebMethod]public string HelloWorld(){

return "Hello World";

}


Le résultat du débogage avec Google :

2. Appel avec des paramètres simples et des valeurs de retour simples

Code JS front-end :



Copiez le code

Le code est le suivant :$("#btn2").click(function() { "POST", contentType : "application/json; charset=utf-8",

url : "CalledByJquery.asmx/SimpleReturns",

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

Code WebMethod backend :

Copier le code Le code est le suivant :

[WebMethod]
public string SimpleReturns(string name)
{
return String.Format("Votre nom est {0}", nom);
}

Les résultats du débogage avec Google :


3. Appel avec des paramètres complexes et des valeurs de retour complexes
Code JS front-end :

Copier le code Le code est le suivant :

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


Backend WebMethod :

Copier le code

Le code est le suivant : [WebMethod ] public List GetStudentList(Student stu) { studentList = new List

         nouvel étudiant{ID=1,Name="张Three"},

                                                                                                                                                                                                                                           ; Ajouter(stu);
return studentList;
}

Le résultat du débogage avec Google :




4. Appel de WebMethod qui renvoie des objets anonymes


Code JS front-end :

Copier le code

Le code est le suivant :

$("#btn4").click(function() {
                                                                                                               charset=utf -8",
url : "CalledByJquery.asmx/ReturnNoNameClass",
données : "{ }",
dataType : "json",
Succès : function(json) { alert(json. d); },
error : function(error) {
alert("Erreur d'appel" error.responseText);
}
            });
            });

Code WebMethod backend :

Copier le code Le code est le suivant :

[WebMethod]

public object ReturnNoNameClass()
return new {ID = 1, Name = "Zhang San" } ; Résultat :

Haha, à ce stade, tu sens aussi que c'est si facile que maman n'a plus à s'inquiéter pour mes études. En fait, beaucoup de choses sont très simples, mais personne ne nous le dit, mais nous n'avons pas nous-mêmes ce besoin dans le développement réel, cela a donc provoqué certains obstacles à notre développement
C'est pourquoi la communication est si importante !