Mercredi

employes.js

/// <reference path="jquery-3.1.1.js" />


$(function () {
    $("#btnEmployes").click(function () {
        var httpRequest = new XMLHttpRequest();
        httpRequest.addEventListener("readystatechange",
            function () {
                if (httpRequest.readyState ===
                               XMLHttpRequest.DONE) {
                    var table =
                        $('<table class="table table-striped"></table>')
                    var thead = $("<thead><tr><th>Nom</th><th>Poste</th><th>Date embauche</th> <tr></thead>");
                    var tbody = $("<tbody></tbody>");
                    $(table).append(thead).append(tbody);
                    var liste = JSON.parse(httpRequest.responseText);
                    $.each(liste, function (i, emp) {
                        var row = $("<tr><td>" + emp.nom +
                            "</td><td>" + emp.poste +
                            "</td><td>" + emp.dateEmbauche + "</td></tr>");
                        $(tbody).append(row);
                    });
                    $("#sectionEmploye").append(table);
                } else {
   
                }
            });
        httpRequest.open("GET", "/employes", true);
        httpRequest.send(null);
    });
});

webApiConfig.cs

...

            var jsonformatter = 
                    GlobalConfiguration.Configuration.Formatters.JsonFormatter;
            jsonformatter.SerializerSettings.ContractResolver = 
                    new CamelCasePropertyNamesContractResolver();
                    
                    
                    ...