Javascript 悬停在索引页中的元素上时显示不同页的div

我最近开始学习Javascript语言，我已经遇到了麻烦。我想做的是用鼠标悬停显示另一个页面的div内容（它在同一个域中，但在不同的文件夹中）。我设法得到了两个脚本。第一个脚本适合显示div，但它仅在不同div位于同一页面时显示。这里有两部分（第一部分是Javascript，第二部分是html）：

我在这里搜索答案，但无论是在这里还是在其他任何地方都没有找到答案。我应该如何编辑代码（第一个或第二个），以便在鼠标悬停（在div上）时可以看到其他页面的div（如果可能，如何组合这两个代码）

由于我是新手，可能缺少一些东西。

请参阅

简言之，你可以做到

$（“#myDiv”）.load（“/mypath/some.html#someDivId”）

然而，处理这个问题的干净方法是将#someFicId的内容保存在一个单独的片段文件中，并确保它严格使用HTML/CSS

$（“#myDiv”）.load（“/mypath/someFragment.frag.html”）

将url内容加载到某个隐藏的div

jQuery(function ($) {
    $('#hidden_div_id').load("http://...");
});

将悬停事件添加到div

$("#mydiv").mouseover(function () {
   document.getElementById("mydiv").innerHTML = document.getElementById("loaded div id").innerHTML;
});

在mouseover事件中，编写选择某些特定div内容并将其插入div的函数。这可能就是解决方案

---

但最好的解决方案是创建只包含所需数据的特定div，并将其包含在鼠标上。

更清楚地说，什么是服务器端技术？我是说php/asp.net，…@genichm为什么重要？如果是asp.net mvc，我可以向您推荐几种方法，如果不是的话，可以通过ajax请求和一些操作来实现。这主意不错。但也许您知道如何组合这两个代码，以便我只能看到另一个文件（1个div）的一部分？我建议使用第二种方法，但在单独的文件中保留较小的共享div，以便使它们更易于重用。但是，如果您的应用程序很大并且开始增长，您可能需要使用一些框架，如angularJS/ember。在angularJS中，这是小菜一碟，建议您从头开始，因为这将改变基本的编程模型。

jQuery(function ($) {
    $('#hidden_div_id').load("http://...");
});

$("#mydiv").mouseover(function () {
   document.getElementById("mydiv").innerHTML = document.getElementById("loaded div id").innerHTML;
});