2016-10-05 3 views
0

テーブルにAJAXの応答をロードすることができないがのjQueryのDataTable - 後

<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を結合することができる方法を手助けを次のように私の応答は私のjs

  $(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> 

ですテーブル 。現在、テーブルには利用可能なデータはありません。私は

dataType:'JSON', 

とパス2次元データ

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

利用可能になった解析済みXMLデータを確認する必要があります。データ表で受け入れられる形式ではない可能性があります。 – Terry

+0

XMLをJSONに変換する必要があります。 DataTablesは、JavascriptオブジェクトまたはHTMLをデータソースとしてのみ受け入れます。 – markpsmith

+0

私はこの種のグリッドに慣れていないので、実際のサンプルを私に提供することができます –

答えて

0

あなたはJSON型のデータを試すことで分からない「検証」私が取得ファイルですDBからデータを取得し、JSONに変換し、ajaxを使用して渡します。

+0

jsonと一緒に試してみましたか? –

+0

まずはhtmlでデータをロードし、次にhtmlデータからデータセットをロードする必要があります。 Like: success:function(data){ \t \t \t \t $( "#load_data").html(data); ( '#table_id')。DataTable(}););\t \t \t \t –

+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> 

..使用してDataTableの