<div id="myModal" class="modal">
        <span class="close">&times;</span>
        <div id="img_list">
        </div>
        <iframe id="img_loc" width="300" class="modal-content"
            height="500"
            allowfullscreen data-token="3Az3ki"></iframe>
        <div id="caption"></div>
  </div>

var imageList = function (projId, locCode) {
            return $.ajax({
                type: "POST",
                url: "SeventhNavi.aspx/ListImages",
                data: JSON.stringify({ projId: projId, locCode: locCode }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: true,
                cache: false
            });

        };

modal.style.display = "block";
            imageList(1, 'G11').done(function (data) {
                var appenddata;
                $.each(data, function (key, value) {
                    appenddata += "<a href = '" + value.loc_path + " '>" + value.description + " </a>";
                });
                $('#img_list').html(appenddata);

            });

[{"description":"demo","loc_path":"https://en.wikipedia.org/wiki/Computer#/media/File:DM_IBM_S360.jpg"},{"description":"demo","loc_path":"https://en.wikipedia.org/wiki/Computer#/media/File:Eniac.jpg"},{"description":"demo","loc_path":"https://en.wikipedia.org/wiki/Computer#/media/File:Cray_2_Arts_et_Metiers_dsc03940.jpg"}]