Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>AJAX</title>

        <script src="https://code.jquery.com/jquery-1.x-git.js"></script>
    </head>
    <body>
        <input id="b2" type="button" value="Click me" />
        <div id="div1" style="background-color:gold">hi</div>

        <script type="text/javascript" src="./js/ajax1.js"></script>
        <script>
            var myArrOfJsonRows = [];
            $("#b2").click(function() {
                $.ajax({
                    type: "GET",
                    url: "http://nyc31.conygre.com:31/api/products",
                    success: function(response) {
                        myArrOfJsonRows = response;
                        var col = [];
                        for(var i = 0; i< myArrOfJsonRows.length;i++){
                            for(var key in myArrOfJsonRows[i]){
                                if(col.indexOf(key) === -1){
                                    col.push(key);
                                }
                            }
                        }
                        var table = document.createElement("table");
                        for(var i = 0; i < myArrOfJsonRows.length; i++){
                            var tr = table.insertRow(-1);
                            for(var j = 0; j < col.length; j++){
                                var tabCell = tr.insertCell(-1);
                                tabCell.innerHTML = myArrOfJsonRows[i][col[j]];
                            }
                        }
                        var divContainer = document.getElementById("div1");
                        divContainer.innerHTML = "";
                        divContainer.appendChild(table);
                        table.attributes["class"] = "someStylishClass";
                    }
                });
            });
        </script>
    </body>
</html>