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

Question

我正在尝试使用 jquery on click 功能将另一个 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:* 扩展程序以查看效果。