創建從AJAX回覆查詢動態表

Question

我有以下代碼：

  var htmlname=''; 
      var names = result.names 
      $.each(names, function(i, name){ 

       htmlname = "<td>" + name + "</td>"; 

       $('#adminall tr:last').html(htmlname); 

       var row = document.createElement('tr'); 
       var tableCurrentPoints = document.getElementById("adminall"); // find table to append to 
       tableCurrentPoints.appendChild(row); // append row to table 


      }); 


      var htmlemail=''; 
      var emails = result.emails 
      $.each(emails, function(ii, email){ 

       htmlemail = "<td>" + email + "</td>"; 

       $('#adminall tr:last').html(htmlemail); 

       var row = document.createElement('tr'); 
       var tableCurrentPoints = document.getElementById("adminall"); // find table to append to 
       tableCurrentPoints.appendChild(row); // append row to table 


      }); 

然後它的附加太多的表：

 <table id="adminall" style="margin:10px 0px 0px 0px;" width="100%" border="0" cellpadding="0" cellspacing="0"> 
     <tr id="adminallheader"> 

     </tr> 
     <tr></tr> 

    </table> 

這是一個成功處理Ajax請求中。我試圖創建一個填充查詢數據的表，我猜它應該在JavaScript中創建，因爲我在這裏嘗試，但我無法讓它工作。目前它的所有數據（姓名和電子郵件）都在一列中，但需要在兩者之間進行分割。

任何想法？

Answer 1

你應該這樣做

 var names = result.names 
     $.each(names, function(i, name){ 
      //get the corrsponding email 
      var email = result.emails[i]; 
      var htmlname = "<td>" + name + "</td><td>"+email"</td>"; 

      $('#adminall tr:last').append(htmlname); 

      var row = document.createElement('tr'); 
      var tableCurrentPoints = document.getElementById("adminall"); // find table to append to 
      tableCurrentPoints.appendChild(row); // append row to table 


     }); 

和循環只有一次，而不是兩次。