title: How to get data from json array into table format using jquery?
body: <p>I want to get data into table from json array i have data in console see below but I'm no table to get data into table.</p>
  
  <p>Data is displaying in console screenshot</p>
  
  <p><a href="https://i.stack.imgur.com/C7L7d.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C7L7d.jpg" alt="enter image description here"></a></p>
  
  <p><strong>What I tried:-</strong></p>
  
  <pre><code>$.ajax({
                         url:'/admin/checkavailability',
                         type:'POST',
                         data: { fromdate, enddate, productoptionId },
                         success: function (d) {
                             console.log(d);
                             if (d != null) {                        
  
  
                                 for (var i = 0; i &lt; d.length; i++) {
                                     tr = $('&lt;tr/&gt;');
                                     tr.append("&lt;td&gt;" + d[i].Date + "&lt;/td&gt;");
                                     tr.append("&lt;td&gt;" + d[i].RetailPrice + "&lt;/td&gt;");
                                     tr.append("&lt;td&gt;" + d[i].Price + "&lt;/td&gt;");
                                     $('table#tblbindavailabledates').append(tr);
                                 }
  
                                 $('#myModal').modal('show');
                                 //$(d)
  
                             }
                         }
  </code></pre>