Создание динамической таблицы из ответа на запрос 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


        });

и цикл только один раз, а не дважды.