私のページには多くのデータセットがあり、それらにデータを取り込む一般的な方法があります。データが返されたときにDataTableにデータが入力されない
次のように私のAjaxの方法は次のとおりです。
function AjaxGet(url, tableName) {
$.ajax({
method: 'GET',
url: url,
dataType: 'json',
contentType: 'application/json; charset=utf-8',
success: function (data) {
$('#' + tableName).dataTable({
destroy: true,
'bPaginate': false,
'aoColumns': DetermineColumns(tableName),
'aaData': data,
'sDom': '<"top">t<"bottom"><"clear">',
'bSort': false
});
}
});
};
私はで供給URLとテーブル名が正しいことを知っています。私は、開発ツールでデバッグするとき
私のデータは以下のようになります。
DetermineColumns機能が含まれていif..else ..チェックし、それが成功しない右のテーブル名を、見つかるまで、その後、aoColumns
に次の値を返します。
return [
{
'mDataProp': 'PartNum'
},
{
'mDataProp': 'ukstk'
},
{
'mDataProp': 'ukfob'
},
{
'mDataProp': 'de'
},
{
'mDataProp': 'fr'
},
{
'mDataProp': 'es'
},
{
'mDataProp': 'ae'
},
{
'mDataProp': 'usa'
},
{
'mDataProp': 'mx'
},
{
'mDataProp': 'jx'
}
];
そして、ここでは私のHTMLテーブルです:
<div class="row">
<div class="col-md-6">
<table id="stdCostTable" class="table input">
<thead>
<tr>
<th></th>
<th>
UK-STK
</th>
<th>
UK-FOB
</th>
<th>
DE
</th>
<th>
FR
</th>
<th>
ES
</th>
<th>
AE
</th>
<th>
USA
</th>
<th>
MX
</th>
<th>
JX
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
誰かが問題になっているのDataTableが移入されない理由を動作させることができますしてください?
ありがとうございます!
コンソールやデバッガからもエラーは発生しません。データテーブルに関する限り、データは存在しないため、「テーブルで利用可能なデータがありません」というメッセージを正しく表示するように初期化しますが、データが 'aaData'に割り当てられている場合、 'data'オブジェクトにあります。
Imインポートするデータセット1.10.9 '「 – DaRoGa
はい、トリックはありがとうございました。私は、他のすべてのリストを返すので、単一のオブジェクトを返すだけだったことをクリックしなかった。 – DaRoGa
うれしかった!ところで、あなたは従来のAPIを使用しています。可能であれば、新しいものを採用することをお勧めします。なぜなら、それはかなり強力です(そしてかなり) – Sebastianb