2016-10-05 42 views
0

以下是我的jsjQuery的數據表 - 無法加載Ajax響應到表

  $(document).ready(function() { 

      $.ajax({ 
       url: url + 'project/get_project_list', 
       method:'post', 
       dataType:'xml', 
       success:function(data){ 
        $('#datatable').dataTable({ 
         data:data, 
         columns:[ 

         { 
          "data" : "projectName" 
         }, 
         { 
          data : "projectDescription" 
         }, 

         ] 

        }); 
       } 

      }); 
     }); 
      $('#datatable').DataTable(); 


    </script> 

<div class="panel-wrapper"> 

<form id="form1"> 
    <table id="datatable"> 
     <thead> 
      <tr> 
      <th>Project Name</th> 
      <th>Project Description</th> 
     </tr> 
     </thead> 
    </table> 
    </form> 
      </div> 

我的答覆如下

<projectList> 
<exceptionId>0</exceptionId> 
<id>0</id> 
<isException>false</isException> 
<offExptionid>0</offExptionid> 
<listException>false</listException> 
<listExceptionId>0</listExceptionId> 
<listSize>0</listSize> 
<nextPage>false</nextPage> 
<pageNumber>0</pageNumber> 
<projectBOs> 
    <exceptionId>0</exceptionId> 
<id>0</id> 
<isException>false</isException> 
<offExptionid>0</offExptionid> 
<projectDescription></projectDescription> 
<projectId>5</projectId> 
<projectName>Bmw</projectName> 
</projectBOs> 
<projectBOs> 
<exceptionId>0</exceptionId> 
    <id>0</id> 
<isException>false</isException> 
<offExptionid>0</offExptionid> 
<projectDescription>Toyota</projectDescription> 
<projectId>4</projectId> 
<projectName>Toyota global</projectName> 
</projectBOs> 
<projectBOs> 

請幫助我怎麼能結合項目名稱和projectdescription到表 。目前它表中沒有可用的數據。我不知道在使用的DataTable

+0

您應該檢查可用的已解析XML數據。它可能不是數據表所接受的格式。 – Terry

+0

您需要將XML轉換爲JSON。 DataTables只接受Javascript對象或HTML作爲數據源。 – markpsmith

+0

可以ü提供給我一個工作示例,因爲我是這種網格的新手 –

回答

0

,你可以嘗試JSON數據類型..

dataType:'JSON', 

,並通過兩項二維數據

success:function(data){} //data should be two dimentional 
+0

nope不工作bro,用json也嘗試過 –

+0

您必須首先在html中加載數據,然後從html數據加載數據表。 Like: 成功:function(data){ \t \t \t \t $(「#load_data」)。html(data); \t \t \t \t $('#table_id').DataTable(});); –

+0

如果你有任何工作的例子可以分享我 –

0
<script> 
    $(document).ready(function() { 
    var oTable = $('#tableId').dataTable({ 
     "processing": true, 
     "ajax": { 
     "url": "verify", 
     "dataSrc": "", 
     "type": "GET" 
     }, 

     "columns": [ 
      { "data": "Emp_id"}, 
      { "data": "Emp_Name" }, 
      { "data": "Emp_PAN" }, 
      { "data": "Emp_Email" }, 
      { "data": "Emp_Address"} 
     ] 
    }); 
    }); 
</script> 

這裏的「驗證」是文件從哪裏獲得來自數據庫的數據,然後轉換成JSON並使用ajax傳遞。