Ajax data source (objects) :TypeError: f is undefined
Ajax data source (objects) :TypeError: f is undefined
我正在开发我的 ASP.Net 网络应用程序,我必须在其中使用 Ajax 数据源填充 HTML table,我正在使用 jQuery DataTables插件。
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>
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" }]
});
这是我正在调用的 Web 方法,以获取对象列表的 JSON 响应
[WebMethod]
[ScriptMethod]
public static string Risky()
{
return JsonConvert.SerializeObject(riskList);
}
JSON 来自服务器的响应:
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"}]
返回的 JSON 响应对我来说似乎很好,如 jquery DataTables 的官方网站所述
http://www.datatables.net/examples/ajax/objects.html
但是 table 中没有填充任何数据,我在 Firebug 控制台
中收到以下错误
TypeError: f is undefined
默认情况下,jQuery DataTables 需要 Ajax 以下格式的源数据。
{
"data": [
]
}
如果数据格式不同,您需要使用ajax.dataSrc
为table数据定义数据属性(在您的示例中为d
)。
我不是 ASP.NET 专家,但您似乎以 JSON 格式对数据进行了两次编码。
对于您当前的服务器端代码,试试这个 JavaScript 代码:
$('#example').DataTable({
"ajax": {
"dataType": 'json',
"contentType": "application/json; charset=utf-8",
"type": "POST",
"url":"index.aspx/Risky",
"dataSrc": function (json) {
return $.parseJSON(json.d);
}
},
"columns": [
{ "data": "Prctice_Group_Risk_No" },
{ "data": "Practice_Group" },
{ "data": "Risk_Category" }
]
});
有关此错误和其他常见控制台错误的详细信息,请参阅 jQuery DataTables: Common JavaScript console errors。
我正在开发我的 ASP.Net 网络应用程序,我必须在其中使用 Ajax 数据源填充 HTML table,我正在使用 jQuery DataTables插件。
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>
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" }]
});
这是我正在调用的 Web 方法,以获取对象列表的 JSON 响应
[WebMethod]
[ScriptMethod]
public static string Risky()
{
return JsonConvert.SerializeObject(riskList);
}
JSON 来自服务器的响应:
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"}]
返回的 JSON 响应对我来说似乎很好,如 jquery DataTables 的官方网站所述 http://www.datatables.net/examples/ajax/objects.html
但是 table 中没有填充任何数据,我在 Firebug 控制台
中收到以下错误TypeError: f is undefined
默认情况下,jQuery DataTables 需要 Ajax 以下格式的源数据。
{
"data": [
]
}
如果数据格式不同,您需要使用ajax.dataSrc
为table数据定义数据属性(在您的示例中为d
)。
我不是 ASP.NET 专家,但您似乎以 JSON 格式对数据进行了两次编码。
对于您当前的服务器端代码,试试这个 JavaScript 代码:
$('#example').DataTable({
"ajax": {
"dataType": 'json',
"contentType": "application/json; charset=utf-8",
"type": "POST",
"url":"index.aspx/Risky",
"dataSrc": function (json) {
return $.parseJSON(json.d);
}
},
"columns": [
{ "data": "Prctice_Group_Risk_No" },
{ "data": "Practice_Group" },
{ "data": "Risk_Category" }
]
});
有关此错误和其他常见控制台错误的详细信息,请参阅 jQuery DataTables: Common JavaScript console errors。