How to open URL in modal popup? Bootstrap model problems

   February 20, 2020

Bootstrap model :

i want to open this popup url in bootstrap model but this show error and unable to open url in model popup i tried alot but dont know what is wrong with my code

 

Bootstrap Model HTML Code :

<a href="https://www.google.com/" class="test">Google</a><br>

<div id="somediv" title="this is a dialog" style="display:none;">
    <iframe id="thedialog" width="350" height="350"></iframe>
</div>

 

Bootstrap Model JS Code :

$(document).ready(function () {
    $(".test").click(function () {
        $("#thedialog").attr('src', $(this).attr("href"));
        $("#somediv").dialog({
            width: 400,
            height: 450,
            modal: true,
            close: function () {
                $("#thedialog").attr('src', "about:blank");
            }
        });
        return false;
    });
});

 

Error : Refused to display ‘https://www.google.com/‘ in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’.