Jquery 点击链接时弹出，有点像css中的stackoverflow收件箱

我想创建一个模型页面，它的工作原理与stackoverflow收件箱弹出窗口相同。如下图所示，当我们点击收件箱图标时，它看起来像一个小盒子，里面有一个小加载器，用于显示消息/评论。对吧？>>它展开后依赖于文本/表格/消息

我如何添加ajax jquery来加载div中的任何页面，其中div的

名称和
id
“pageaload”

，例如加载的url是

google.com

投机性请求请查看页面，因为我的英语不好，可能我无法解释我的问题，并导致我对我的个人资料不屑一顾，名声不好

---

我可以给你一些指导

你必须学习引导来构建漂亮的HTML。

为了使你的HTML充满活力，使用

$（文档）.ready（函数（）{
//这将是你的出发点。
//谢谢你的提问
// 
$.get（”https://stackoverflow.com）完成（功能（数据、状态）{
$（'pageaload'）.html（数据）；
});
});

将url替换为要访问的页面。stackoverflow位于不同的域中，由于CORS策略，该域将被阻止

CORS策略已阻止从源“null”访问“”处的XMLHttpRequest:请求的资源上不存在“Access Control Allow origin”标头

---

更多详细信息：

如果我理解你的帖子，你可以尝试以下内容：

$（函数（）{
var-prv=$（[]）；
$（“.top bar>.m-link”）。单击（函数（）{
var dst=$（this.children（）；
if（dst.html（“加载…”）.toggle（）.click（函数（ev）{ev.stopPropagation（）；}）.is（“：可见”））{
dst.load（“https://api.github.com");
}
if（prv[0]！=dst[0]）prv.hide（）；
prv=dst；
});
});
正文{
位置：相对位置；
保证金：0；
填充：0；
宽度：100%；
背景色：#f7f7f7；
框大小：边框框；
}
.顶栏{
位置：固定；
排名：0；
宽度：100%；
高度：22px；
背景色：#444；
框大小：边框框；
}
.top栏>.m-link{
显示：内联块；
位置：相对位置；
浮动：对；
宽度：20px；
高度：20px；
顶部：1px；
背景色：#fff；
框大小：边框框；
背景大小：100%；
左边距：1px；
光标：指针；
}
#页面广告{
位置：绝对位置；
最高：100%；
右：0；
高度：100px；
宽度：420px；
背景色：#fff；
边框：实心1px#999；
框大小：边框框；
显示：无；
边框顶部样式：无；
溢出：自动；
填充：4px；
字号：9.5pt；
游标：默认值；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}

是的，代码是正确的，但由于安全原因，无法通过ajax调用直接访问url“”。您可以将url替换为您的页面，这将检查显示警告消息的浏览器控制台。希望这有助于
http://api.github.com
只是web操作的一个示例，
访问控制允许来源
已在服务器端将其权限设置为
*
（*：all），允许您在没有任何安全问题的情况下访问它。根据我的提示部分，如果dest url是当前网站的一部分，您可以毫无问题地使用它。请最后更新答案：如果我不想在Jquery中重定向url，而是想将
显示为
id=“mypage”
，会发生什么。隐藏和显示功能将在何处工作。请回复并帮我坚持到底。
 $(document).ready(function(){
    // This will be your starting point.

   // for your question
   // <div id='pageaload'></div>
     $.get("https://stackoverflow.com").done(function(data, status){
        $('#pageaload').html(data);
    });

});