Fatal编程技术网
  • javascript/
  • 如何使用javascript或jquery在html div标记中加载url

如何使用javascript或jquery在html div标记中加载url

javascript jquery html

如何使用javascript或jquery在html div标记中加载url,javascript,jquery,html,Javascript,Jquery,Html,在这里，我写了下面的内容，以便通过我随附的“url”将网页加载到div标签中。但它不起作用。谁都知道。请帮忙 <html> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <a href="#" onClick="lurl();">Click Here</a> <br/> <br/> <br

在这里，我写了下面的内容，以便通过我随附的“url”将网页加载到div标签中。但它不起作用。谁都知道。请帮忙

<html>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a href="#" onClick="lurl();">Click Here</a>
<br/>
<br/>
<br/><div id="durl">
</div>
<script type="text/javascript">
function lurl(){
$('#durl').load('http://www.tndte.com/Result/');
}
</script>
</html>








函数lurl（）{
$（'durl'）。加载（'http://www.tndte.com/Result/');
}
除非您访问的文件与页面位于同一服务器上，否则此操作将不起作用。 如果试图嵌入外部内容，则需要使用iframe

如果不使用
代理、YQL、JSONP
或等效技术来解决这个问题，就不能使用jQuerys ajax方法从外部域获取数据。浏览器限制，大多数Ajax请求受“”约束

您可以使用并在页面中包含js文件。下面是我用来加载外部页面的函数

function test () {
         $.ajax({
           url: 'http://www.tndte.com/Result/',
           type: 'GET',
           success: function(res) {
             var content = $(res.responseText).text();
             alert(content);
           }
         });
       }
没错，由于安全原因，ajax调用无法检索外部页面

将外部页面放到页面上的唯一方法是使用iframe，或者可以使用ajax调用的简单服务器端代理

我们不能这样做，除非内容来自同一个域，并考虑javaScript的同源策略

你仍然可以像以前那样做

  • 使用iframe加载内容
  • 使用服务器端脚本
    • 在尝试答案之前，您必须在src路径中添加http:。

    R您有任何错误吗？该URL返回任何数据？它是外部URL吗？它只是一个正确的URL。。如果我使用iframe，它将返回正确的输出，但iframe会限制某些内容的访问。但在pgm上面什么也不返回。我也找不到这个错误。如果它是一个外部网站，就不能仅使用JavaScript绕过访问限制。你需要创建一个运行服务器端的代理。或者你可以使用PHP的
    include（）
    或
    file\u get\u contents（）
    这是不必要的。请看@Juhana Good catch。我尝试过使用这种语法，但它的抛出错误-ReferenceError:$不是defined@user1709672您是否包含了xdomainajax.js？