使用jQuery-Ajax REST API调用的iframe显示不完整的页面

Question

我将jQuery和ajax用于REST API调用，并将响应设置为iframe。目标网址返回html。这是成功的，但是iframe可以显示纯页，而没有任何文本格式和其他功能。我已附上实际和预期页面结果（页面的一部分）的图像。

您对我的代码有何疑问？我愿意征求任何建议，或者您有更好的方法来获得预期的结果。

expected page image

actual page image

下面是我的代码：

function loadPage()
{     
  $.ajax({
        url: 'URL',
        type: 'GET',
        headers: {
            'Authorization': 'Basic 123eewd45'
        },
        xhrFields: {
            withCredentials: false
        },
        dataType: 'html',
        success: function(data) {
            $('#myiframe').contents().find('html').html(data);
        }
    });
} 

iframe：

 <iframe onload="loadPage()"
        id="myiframe">
</iframe>

谢谢！

Answer 1

我认为该页面上缺少您的CSS，请检查该页面上的样式表（css）链接