Comment faire fonctionner l'API Web ASP.NET ?-Tutoriel C#.Net-php.cn

Comment faire fonctionner l'API Web ASP.NET ?

零下一度

Libérer： 2017-06-26 15:28:17

original

1472 Les gens l'ont consulté

Après avoir répondu à mes questions dans trois articles, je crois que tout le monde n'a aucun problème avec la webapi !

Créez d'abord un modèle utilisateur

public class UserModel{public string UserID { get; set; }public string UserName { get; set; }
}

Copier après la connexion

puis ajoutez un contrôleur d'API Web

public class UserController : ApiController{public UserModel getAdmin()
    {return new UserModel() { UserID = "000", UserName = "Admin" };
    } 
}

Copier après la connexion

Enregistrer une route

public static void Register(HttpConfiguration config)
{
    config.Routes.MapHttpRoute(
        name: "DefaultApi",
        routeTemplate: "api/{controller}/{id}",
        defaults: new { id = RouteParameter.Optional }
    );
}

Copier après la connexion

Inscrivez-vous dans Global

protected void Application_Start(object sender, EventArgs e)
{WebApiConfig.Register(GlobalConfiguration.Configuration);
}

Copier après la connexion

Utilisez la barre d'adresse pour accéder à l'adresse : api/user/getadmin

Comment faire fonctionner lAPI Web ASP.NET ?

Cette fois Par défaut, le modèle de données XML est renvoyé.

Utilisez AJAX pour demander cette API, spécifiez le format de données comme json

$.ajax({
    type: &#39;GET&#39;,
    url: &#39;api/user/getadmin&#39;,
    dataType: &#39;json&#39;,
    success: function (data, textStatus) {
        alert(data.UserID + " | " + data.UserName);
    },
    error: function (xmlHttpRequest, textStatus, errorThrown) {
    }
});

Copier après la connexion

alerte, le résultat est :

Comment faire fonctionner lAPI Web ASP.NET ?

Il ressemble à ceci, c'est vraiment ce que dudu a dit, il peut renvoyer le format de données spécifié en fonction du type de données demandé.

Données POST

Modifiez le contrôleur et ajoutez une méthode d'ajout

public bool add(UserModel user)
{return user != null;
}

Copier après la connexion

Juste pour tester, donc ici nous jugeons uniquement les entités entrantes. il est vide, sinon il renvoie vrai

J'ai ajouté un bouton sur la page, le code est le suivant :

<input type="button" name="btnOK" id="btnOK" value="发送POST请求" />

Copier après la connexion

Ajouter du code JS

$(&#39;#btnOK&#39;).bind(&#39;click&#39;, function () {//创建ajax请求，将数据发送到后台处理var postData = {
        UserID: &#39;001&#39;,
        UserName: &#39;QeeFee&#39;};
    $.ajax({
        type: &#39;POST&#39;,
        url: &#39;api/user/add&#39;,
        data: postData,
        dataType: &#39;json&#39;,
        success: function (data, textStatus) {
            alert(data);
        },
        error: function (xmlHttpRequest, textStatus, errorThrown) {
        }
    });
});

Copier après la connexion

Exécutez à nouveau la page

Comment faire fonctionner lAPI Web ASP.NET ?

Nous attachons le processus de débogage Lors de l'envoi d'une requête ajax, les données reçues par le segment du serveur sont telles qu'indiquées dans la figure :

Comment faire fonctionner lAPI Web ASP.NET ?