ajax引導表json

Question

我有ajax和引導表的問題。 我有一個AJAX JSON我用這種方法叫：

$(document).ready(function(){ 

    $.ajax({ 
     url: 'php/process.php?method=fetchdata', 
     dataType: 'json', 
     success: function(data) { 
      $('#clienti').bootstrapTable({ 
       data: data 
      }); 
     }, 
     error: function(e) { 
      console.log(e.responseText); 
     } 
    }); 
}); 

我的JSON似乎正確，但該表沒有顯示任何記錄。我究竟做錯了什麼？

這裏也是表定義

<table data-toggle="table" class="display table table-bordered" id="clienti"> 
    <thead> 
    <tr> 
     <th>Nome</th> 
     <th>Cognome</th> 
     <th>Data Nascita</th> 
     <th>Provincia</th> 
     <th>Comune</th> 
     <th>CAP</th> 
     <th>Indirizzo</th> 
     <th>Fisso</th> 
     <th>Cellulare</th> 
     <th>Note</th> 
    </tr> 
    </thead> 

</table> 

這也是返回

[{"Nome":"","Cognome":"","DataN":"0000-00-00","Provincia":"","Comune":"","CAP":"","Indirizzo":"","Fisso":"","Mobile":"","Note":""},{"Nome":"Federico","Cognome":"Lupieri","DataN":"2015-09-16","Provincia":"","Comune":"","CAP":"34170","Indirizzo":"Via Ascoli 1","Fisso":"00112233445566","Mobile":"00112233445566","Note":"Vediamo se funziona questo"}, 

Answer 1

檢查這個Fiddle

，你必須在每個th指定data-field還必須刪除data-toggle="table"

data-toggle="table"爲documentation：激活舉表，而無需編寫的JavaScript。在普通表上設置data-toggle =「table」。

在你的情況，如果你不想使用JavaScript只是做你的表如下

<table data-toggle="table" class="display table table-bordered" data-url="php/process.php?method=fetchdata"> 
    <thead> 
     <tr> 
      <th data-field="Nome">Nome</th> 
      <th data-field="Cognome">Cognome</th> 
      <th data-field="DataN">Data Nascita</th> 
      <th data-field="Provincia">Provincia</th> 
      <th data-field="Comune">Comune</th> 
      <th data-field="CAP">CAP</th> 
      <th data-field="Indirizzo">Indirizzo</th> 
      <th data-field="Fisso">Fisso</th> 
      <th data-field="Mobile">Cellulare</th> 
      <th data-field="Note">Note</th> 
     </tr> 
    </thead> 
</table> 

Answer 2

從documentation的JSON的一部分：

HTML

<table id="table"></table> 

JS

$('#table').bootstrapTable({ 
    columns: [{ 
     field: 'id', 
     title: 'Item ID' 
    }, { 
     field: 'name', 
     title: 'Item Name' 
    }, { 
     field: 'price', 
     title: 'Item Price' 
    }], 
    data: [{ 
     id: 1, 
     name: 'Item 1', 
     price: '$1' 
    }, { 
     id: 2, 
     name: 'Item 2', 
     price: '$2' 
    }] 
}); 

這意味着，你必須指定將在javascript在HTML中使用的列。希望這有助於