如何点击加载html页面的链接,然后使用ajax(不点击任何内容)加载外部html页面?

时间:2011-01-24 07:46:57

标签: jquery html ajax loading

带有page2.html链接的html,当加载page2.html时,我想用AJAX加载page3.html的内容。有人能为我提供解决方案吗?我试过这个,但它不起作用。

//link icon to correspoding link on what we do
$('#websites').click(function() {
    $(this).attr('href', function() {
        $('#loading_content').load('what-we-do.html/istoselides').fadeIn(1000);
    })
});

非常感谢!

更新

<li id="adv"><a href="what_we_do.html?istoselides">adv</a></li>


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

1 个答案:

答案 0 :(得分:2)

您可以通过href将信息从第1页传递到第2页,但不能传递代码,因此您必须设置某种关键字,例如在查询字符串中,并让page2提取这个信息:

<强> page1.html

<a href="page2.html?loadPage3">Link to Page2</a>

<强> page2.html

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