如何在html脚本标记中加载跨域url

时间:2016-01-12 17:41:49

标签: javascript jquery html cross-domain

我想在我的网页上加载跨域url html内容。我读到它可以通过在脚本中加载url并调用全局回调函数来实现。我的代码在下面 -

<html>
<body>

<div id="response"></div>

<script>
  function myFunction (data) {
    var stringData = JSON.stringify(data)
    document.getElementById('response').innerHTML = stringData;
  }
</script>
<script src="http://zeenews.india.com?callback=myFunction()"></script>

</body>
</html>

当我运行此HTML文件时,我得到以下错误

Uncaught SyntaxError: Unexpected token <

我也可以在错误前面看到这个网址

?callback=myFunction():2 

请帮帮我。

1 个答案:

答案 0 :(得分:1)

由于此标记

,您收到此错误
<script src="http://zeenews.india.com?callback=myFunction()"></script>

,因为您输入的网址没有返回javascript文件。 <script>标记中的src属性仅适用于js。

如果要在响应 div标记内显示网页内容,则应使用该div中的<iframe>标记,如下所示:

<div id="response">
    <iframe src="http://zeenews.india.com"></iframe>
</div>