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

Question

这里下面我通过'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>

Answer 1

您无法使用jQuerys ajax方法从外部域获取数据，而无需使用Proxy, YQL, JSONP或等效技术来解决此问题。 浏览器限制，大多数Ajax请求都受“ 同源策略 ”的约束。

您可以使用https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js并在页面中包含js文件。 下面是我用来加载外部页面的功能。

function test () {
         $.ajax({
           url: 'http://www.tndte.com/Result/',
           type: 'GET',
           success: function(res) {
             var content = $(res.responseText).text();
             alert(content);
           }
         });
       }

Answer 2

这是正确的，出于安全原因，ajax调用无法检索外部页面。

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

除非内容来自同一个域，否则我们不能这样做，并且导致javaScript的同源策略。

你仍然可以这样做

使用iframe加载内容
使用服务器端脚本

Answer 3

除非您访问与您的页面在同一服务器上的文件，否则这将无效。 如果您尝试嵌入外部内容，则需要使用iframe。

http://www.w3.org/TR/html4/present/frames.html

Answer 4

在尝试答案之前..你必须在你的src路径中添加http：

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

问题描述

4 个解决方案

解决方案1
1 2013-03-15 07:51:26

解决方案2
1 2013-03-15 07:52:18

解决方案3
0 2013-03-15 07:48:48

解决方案4
0 2013-03-15 08:02:23

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

问题描述

4 个解决方案

解决方案1 1 2013-03-15 07:51:26

解决方案2 1 2013-03-15 07:52:18

解决方案3 0 2013-03-15 07:48:48

解决方案4 0 2013-03-15 08:02:23

解决方案1
1 2013-03-15 07:51:26

解决方案2
1 2013-03-15 07:52:18

解决方案3
0 2013-03-15 07:48:48

解决方案4
0 2013-03-15 08:02:23