Fill html table based on JSON
<p>I need to map the result of calling an URL into html table but I can't figure out a way to do it.</p>

<p>The URL to be used to get data is "<a href="https://abcdefghi/h5s5-hcxg.json" rel="nofollow noreferrer">https://abcdefghi/h5s5-hcxg.json</a>". So can anyone help me with how to get data into tables from this URL ?</p>

<p>See my code bellow:</p>

<pre><code>&lt;script&gt;
        $.ajax({
            url: "https://abcdefghij.json",
            //force to handle it as text
            dataType: "text",
            success: function(data) {

                //data downloaded so we call parseJSON function 
                //and pass downloaded data
                var json = $.parseJSON(data);
                //now json variable contains data in json format
                //let's display a few items
                for (var i=0;i&lt;json.length;++i)
                {
                    $('#results').append('&lt;div class="name"&gt;'+json[i].name+'&lt;/&gt;');
                }
            }
        });
&lt;/Script&gt;
</code></pre>