如何单击加载 html 页面的链接，然后通过 ajax 加载外部 html 文件？答案

【问题标题】：How to click on a link that loads a html page that in turn loads an external html file via ajax?如何单击加载 html 页面的链接，然后通过 ajax 加载外部 html 文件？
【发布时间】：2011-01-29 04:11:37
【问题描述】：

您好，我想点击导航下的图标，进入portfolio.html 页面，然后不点击侧边栏，通过ajax 加载外部html 文件。我该怎么做？

http://www.tsakalos-advertising.gr/

这是我的网站

投资组合页面我有这个代码

<script type="text/javascript">
    $(document).ready(function () {
         if (window.location.search == "?istoselides") {
    $('#loading_content').load('what-we-do.html/istoselides').fadeIn(1000);
}

if (window.location.search == "?video") {
    $('#loading_content').load('what-we-do.html/video').fadeIn(1000);
}
    });
</script>

<ul id="icon">
<li id="adv"><a href="what_we_do.html">adv</a></li>
<li id="flyers"><a href="what_we_do.html">flyers</a></li>
<li id="websites"><a href="what_we_do.html?istoselides">websites</a></li>
<li id="video"><a href="what_we_do.html?video">video</a></li>
</ul>

更新由于某种原因，我无法发表评论:( 感谢您的回复，但我不知道该怎么做。不能用jquery完成吗？我一点经验都没有。谢谢：D

【问题讨论】：

标签： jquery html ajax loading

【解决方案1】：

创建一个动态 iframe 元素并将其 src 设置为外部 HTML。

类似：

$('#container').append('<iframe id="dynamic_iframe" />'); 
$('#dynamic_iframe').attr('src', 'http://example.com/page');

#container 是您希望 iframe 所在的位置。

【讨论】：