拒绝在框架中显示,因为它设置了X-Frame-Options'到了'DENY'

时间:2014-03-12 12:00:58

标签: jquery html cross-browser linkedin jquery-dialog

在回答问题之前,我只想解释一下我想要实现的目标。我正在建立一个手机间隙移动应用程序。所以主要的开发是在HTML,CSS,java Script和j Query中完成的。

我需要最终用户在LinkedIn上验证自己。为此,我有验证URL,用户将在其中输入他/她的详细信息等。问题是我必须在jQuery对话框中显示LikedIn授权页面。如果我提供任何其他http链接,它实际上在对话框中打开,但linkedIn授权链接是SSL i-e https。如果我尝试打开该链接,我会收到以下错误

Refused to display '' in a frame because it set 'X-Frame-Options' to 'DENY'.

下面是我的jQuery代码,用于打开Dialog中的链接。

$(document).ready(function() {
    $('div#thedialog').dialog({ autoOpen: false })
    $('#test').click(function(){
        $("#thedialog").attr('src', "https://www.linkedin.com/uas/oauth2/authorization?response_type=code&client_id=xxx&scope=r_fullprofile&state=xxx&redirect_uri=xxx");
        $("#somediv").dialog({
            width: 400,
            height: 450,
            modal: true,
            close: function () {
                $("#thedialog").attr('src', "");
            }
        });
        return false;
    });
});

下面是我的html正文。

<a href="#" id="test">comment #1</a><br>
<div id="somediv" style="display:none;border: none;">
    <iframe id="thedialog" width="400" height="450"></iframe>
</div>

如果我打开任何其他链接,它可以正常工作,但不能使用https链接。

我已经搜索过,我想出的答案是我无法在浏览器中打开此链接。

我可以在iframe中打开这些链接吗? 如果是,那怎么样?如果没有什么是替补? 谢谢你的帮助......

0 个答案:

没有答案