2016-06-16 18 views
-1

の結果をHTMLテーブルを移入するには、私は、AJAX要求の結果を移入する次のHTMLテーブルを持っている: テーブルt_extensionどのAA要求AJAX

<table id="t_extension" class="table table-striped"> 
    <thead> 
      <tr> 
       <th>Extension</th> 
       <th>Name</th> 
       <th>Action</th> 
      </tr> 
    </thead> 
    </table> 

と私はAPIを呼び出します[8] attributs拡張と名前

でいくつかのオブジェクトが含まれて私がしたい配列を結果としてAJAX

$.ajax(
    { 
     type: "GET", 
     url: 'https://164.132.84.147:55331/123456/pbx/extension/listall', 
     data: "{}", 
     contentType: "application/json; charset=utf-8", 
     dataType: 'json', 
     cache: false, 
     success: function(data) 
     { 
      console.log(data); 

     } 
    }); 

AJAXを介してAPI呼び出しを介して与えますt_extensionテーブルに、apiを呼び出すajaxリクエストの結果を設定します。 そして、この点について話し合っているdifferntsフォーラムの助けになる表を作成する次のコードを書いた。

$.ajax(
    { 
     type: "GET", 
     url: 'https://164.132.84.147:55331/123456/pbx/extension/listall', 
     data: "{}", 
     contentType: "application/json; charset=utf-8", 
     dataType: 'json', 
     cache: false, 
     success: function(data) 
     {    
      $('#t_extension').append(
       $.map(data.Extension, function (extension, index) { 
       return '<tr><td>' + extension + '</td><td>' + data.Name[index] + '</td></tr>'; 
      }).join()); 
     } , 

     error: function (msg) 
     {    
        alert(msg.responseText); 
       } 
    }); 

でも、テーブルが入力されていません。

<table id="t_extension" class="table table-striped"> 
    <thead> 
      <tr> 
       <th>Extension</th> 
       <th>Name</th> 
       <th>Action</th> 
      </tr> 
    </thead> 
    <tbody></tbody> 
    </table> 

あなたappend:あなたはあなたのHTML最初table<tbody>を追加し、その後<tbody>

にAjaxのリクエストからご<tr>...</tr>スタッフを追加する必要が

+0

はあなたを提示してくださいサンプルJSONレスポンス –

答えて

0

$('#t_extension > tbody').append(...); 
+0

をテーブルに追加する方法をコードで記述してもらえますか?私はあなたの応答を理解しているかどうか分からないので、 – user2422556

関連する問題