首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >无法将带有jQuery.load的外部页面加载到我的页面的div中

无法将带有jQuery.load的外部页面加载到我的页面的div中
EN

Stack Overflow用户
提问于 2011-02-21 03:08:51
回答 4查看 47.5K关注 0票数 16

我无法将外部html页面加载到我的页面的div中。

我的Jquery代码是:

代码语言:javascript
复制
$(document).ready(function(){
     var url = 'http://www.google.com';
     $.get(url, function(response) {
          $('div#external').html(response);
     });
 });

我的HTML页面是

代码语言:javascript
复制
<html><body><div id="external"></div></body></html>

我还尝试使用另一个JQuery代码

代码语言:javascript
复制
$(document).ready(function() {
    $('#external').load('http://google.com');
});    

谁能帮帮我。

谢谢阿迈勒

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-02-21 03:10:59

由于浏览器的限制,大多数Ajax请求都遵循“同源策略”。这意味着在大多数情况下,如果不使用代理、YQL、JSONP或类似的技术来解决这个问题,就不能使用jQuerys ajax方法从外部域获取数据。

一个纯粹的javascript选项是Yahoo的YQL服务。有一个插件扩展了jQuery.ajax以允许外部域:https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js

使用此插件应该允许在您的问题中使用ajax示例。

另一种选择是使用服务器端代理,然后使用ajax请求该页面。如果你的服务器可以运行PHP,试着用谷歌搜索"php ajax proxy“,你会得到很多结果。

票数 16
EN

Stack Overflow用户

发布于 2012-01-16 18:25:31

首先,下载JS文件https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js,并在页面中包含该js文件。下面是我用来加载外部页面的函数。

代码语言:javascript
复制
       function test () {
         $.ajax({
           url: 'http://external_site.com',
           type: 'GET',
           success: function(res) {
             var content = $(res.responseText).text();
             alert(content);
           }
         });
       }

这对我从外部网站获取内容很有效。

票数 7
EN

Stack Overflow用户

发布于 2011-02-21 03:10:41

$('div#external').html();div对象中的超文本标记语言设置为空字符串。

因为response是返回的超文本标记语言,所以您的意思可能是:

代码语言:javascript
复制
$(document).ready(function(){
     var url = 'http://www.google.com';
     $.get(url, function(response) {
          $('div#external').html(response);
     });
});

jQuery documentation on $.get提供了一个类似这样的示例。

您的下一个问题将是您试图发出跨域请求。有关如何绕过this site在这方面的安全限制的更多信息,请参见Javascript。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5059302

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档