无法在 DIV 中打开页面答案

【问题标题】：Unable to open a page in DIV无法在 DIV 中打开页面
【发布时间】：2014-10-14 05:14:03
【问题描述】：

我试图在点击链接时以固定宽度的 div 加载某个页面加载，到目前为止，我点击链接时它什么也没做，我给出了下面的代码，任何人都可以帮我解决它。我还添加了小提琴。

HTML

<div id="top_Bar">
     <a href="#" id="ListLink">LIST LINK TEST</a> 
</div>

<div id="content"></div>

 $("#ListLink").click(function() {
        $('#content')
           .load('google.com');
    });

CSS

#content{
    width:300px;
    height:300px;
    background-color:gray;
}

这是这段代码的小提琴 JsFiddle

【问题讨论】：

如果您不在 Google 工作，那么您就有问题：您正试图从另一个域加载到 <div> 页面。
所以你说的是我只能加载我自己的本地网站页面。不支持外部页面，或者如果我错了，请纠正我。
@Regent，我认为这不是问题所在。来自api.jquery.com/load ：它大致相当于$.get(url, data, success)，只是它是一个方法而不是全局函数，并且它具有隐式回调函数。但是，浏览器可能会像您正确指出的那样限制跨域 Ajax 请求。 load 函数不是问题。
@VivekPradhan ...和$.get 是$.ajax 的快捷方式，它对跨域请求有限制。
@MHHasnain 我可以建议在 Google 中搜索 jquery ajax 跨域请求：JSONP 数据类型、Access-Control-Allow-Origin: * 标头和其他方式。

【解决方案1】：

可能是您无法重试其他域：

补充说明：

由于浏览器安全限制，大多数“Ajax”请求都受同源策略的约束；请求无法从不同的域、子域、端口或协议成功检索数据。

【讨论】：

【解决方案2】：

尝试等到文件加载完毕：

$(function() {
    $("#ListLink").click(function() {
        $('#content')
           .load('google.com');
    });
});

【讨论】：

【解决方案3】：

应该是跨域问题。打开您的 Web 控制台（F12）并查看您是否收到“Access-Control-Allow-Origin: *”相关错误。或者按照下面的测试步骤。

如果您使用的是 chrome 浏览器，请关闭或终止所有 chrome 实例。
打开命令行 (cmd) 并转到“chrome”安装文件夹。
发出此命令以在安全禁用模式下打开 chrome： chrome.exe --allow-file-access-from-files --disable-web-security
在该 chrome 窗口上运行您的应用程序，并检查您的 div 中是否包含 www.google.com。

如果这有效，则确认您遇到了跨域问题。要对那个进行排序，您有几种技术。 1. 在您的应用服务器中使用 cross-domain.xml。 2. 对你的 $.ajax() 使用 jsonp 回调函数 3.在你的路径中配置cors.jar

搜索如何使用上述技术来解决您的跨域问题。这只是对您的指导。希望对您有所帮助。

【讨论】：

【解决方案4】：

感谢大家给我你对这篇文章的看法。我找到了答案。

我只是在我的本地站点文件夹中创建另一个页面并调用它。我承认我在加载外部网站是在浪费时间。

再次感谢大家的回答。

【讨论】：