Question

我有2个html页面（主要和详细信息）：主页面包含一个表格和一个空div。当用户单击一个表行时，空的div通过另一个页面的AJAX填充（详细信息页面）。

在详情页面上，我想加载Google地图。此外，我希望页面可以单独运行（独立），而不仅仅是通过AJAX。

所以这是我的问题：要使用Google地图，我必须将此脚本包含在html：

的头部

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

如果我在详细信息页面中包含它，它可以很好地独立运行。但是当我尝试从主页面通过AJAX获取它时，它不起作用。 Google服务器挂起，但没有进展。

另一方面，如果我将它包含在主页面中，AJAX工作正常，但详细信息页面本身无法运行，因为它缺少一个重要的包含。

我真的很想把它放在详细信息页面中，因为它有更多的逻辑。有没有办法可以从详细信息页面加载主页面中的脚本？

一般来说，使用javascript和AJAX的最佳方法是什么？保留主页中的所有内容？或者是否有任何机制将所有内容加载到主页面中，但是将代码保存在ajaxed页面中？

顺便说一下。我正在使用jQuery，但它并不重要。这是一个设计问题，而不是库问题。

Answer 1

由于您没有使用IFRAME，因此最好将JAVASCRIPT包含在主页面而不是详细信息页面中 - 因为您可以这样做并且js可以正常工作。我认为这将解决你的ajax问题，并且脚本加载一次。