jQuery - dynamic appended element by array values by Norlihazmey Ghazali

Append element into table by using array/javscript object as a values dyanimcally

by Norlihazmey Ghazali

HTML

<table id="myTable">
    <tr>
        <td>Name</td>
        <td>Phone No</td>
    </tr>
</table>

JavaScript

//$.ajax({
      // url : 'url_path_of_controller',
      // type : 'POST',
      // datatype : 'JSON',
       //success : function(data){
          // here populate data returned by controller
          //var d = $.parseJSON(data);
           var d = [{ name : 'john', phone : 123 }];

           
           var output;
           $.each(d,function(i,e) {
               console.log(e.name);
               output += '<tr><td>'+e.name+'</td><td>'+e.phone+'</td></tr>';
           });
           
           $('#myTable').append(output);
       //}
    //});