使用Jquery加载同一页面将另一个url加载到html页面中

Question

我正在尝试使用点击功能上的jquery将另一个Url加载到div标签中。但它将相同的页面加载到div标签中。

以下是我的代码：

Jquery的：

function loadPage() {
    $('#xterm').load('http://google.com',function () {
        alert('Page Loaded');
    });
}

HTML：

按钮：

<button class="btn btn-primary Border" type="button" onclick="loadPage()">

DIV：

<div class="ScrollStyles1" id="xterm"> </div>

Answer 1

您的代码运行良好，但由于安全原因，浏览器会忽略它。请运行您的代码并检查控制台here is the console error

对此你需要做的是 要加载的URL必须与调用它的页面位于同一个域中，或者启用跨源HTTP请求。

您应该在浏览器中下载Access-Control-Allow-Origin：*的扩展名以查看效果。