如何在div中加载外部URL(文本)

时间:2018-09-13 12:10:49

标签: javascript jquery html

我想在div中加载外部URL,而不使用iframe / object / load标签。在此外部站点(即JSP)中,该节中只有一个文本作为输出。例如只是数字:50

<html><body> 50 </body></html>

这是我已经使用的:

$("#divName").html('<object type="text/html" data="https://external-site/index.jsp">');

它可以工作,但是正如您在下面看到的那样,存在一些问题:高度。 (仅中间人使用该脚本)

屏幕1:
Screen 1

因此添加了一些高度和宽度值,看起来更好...但是它仍然有点过高,我不能再降低了。

$("#divName").html('<object type="text/html" width="35px" height="35px" data="https://external-site/index.jsp">');

屏幕2:
Screen 2

与:

    function loadSite(url,id){
    document.getElementById(id).innerHTML='<object type="text/html" data='+url+' width="35px" height="35px"></object>';
}

由于CORS问题,我无法使用jQuery .load函数。 应该很容易,因为它只是外部URL站点中的文本,但是我只是在站点上查找而找不到很好的示例。

2 个答案:

答案 0 :(得分:0)

您可以试试吗?可能get方法会起作用。

function loadSite(url,id){
$.get( url, function(response) {  document.getElementById(id).innerHTML = response; });
}

答案 1 :(得分:0)

尝试load()函数。 http://api.jquery.com/load/

$(“ #divName”).load(“ https://external-site/index.jsp”);