Ajax source de données (objets) :TypeError: f n'est pas définie

Je suis en train de travailler sur mon ASP.Net application web où je dois remplir un tableau HTML avec Ajax source de données pour laquelle je fais une utilisation de jQuery DataTables plugin.

Code HTML:

<table class="table table-striped table-hover table-bordered display" id="example" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Prctice Group Risk No
            </th>
            <th>Practice_Group
            </th>
            <th>Risk_Category
            </th>
        </tr>
    </thead>
</table>

Code JavaScript:

$('#example').DataTable({
    "ajax": {
        "dataType": 'json',
        "contentType": "application/json; charset=utf-8",
        "type": "POST",
        "url":"index.aspx/Risky"
    },
    "columns": [
        { "data": "Prctice_Group_Risk_No" },
        { "data": "Practice_Group" },
        { "data": "Risk_Category" }]
});

Et voici ma Méthode Web, je fais un appel pour obtenir une réponse JSON de la liste des objets

 [WebMethod]
 [ScriptMethod]
    public static string Risky()
    {
        return JsonConvert.SerializeObject(riskList);
    }

Réponse JSON à partir du serveur:

d:"[{"Prctice_Group_Risk_No":1,"Practice_Group":"M&A","Risk_Category":"Conflicts of Interests"},{"Prctice_Group_Risk_No":2,"Practice_Group":"abc","Risk_Category":"Client Care and Communication"}]

La réponse JSON retourné semble très bien pour moi, comme décrit dans le site officiel de jquery DataTables
http://www.datatables.net/examples/ajax/objects.html

Mais aucune donnée n'est remplie dans le tableau et j'obtiens l'erreur suivante dans ma Console Firebug

TypeError: f n'est pas définie

Résolu : Voir la Solution de travail, ici stackoverflow.com/a/54146071/9222769

OriginalL'auteur umer | 2015-11-11