javascript - 将html链接加载到div

Question

我有一个 div 中的链接列表...当我单击链接时，我想在同一页面的另一个 div 中加载链接内容，这是我的代码：

<div>
 <div>
    <div style="padding-bottom:20px;">
       <center><img src="real.gif"></center>
    </div>
    <div>
       <div>
            <div style="padding-bottom:20px;">
                <a href="history.html"><h3>History of Club</h3></a>
            </div>
            <div style="padding-bottom:20px;">
                <a href=""><h3>Photos Gallery</h3></a>
            </div>
            <div style="padding-bottom:20px;">
                <a href=""><h3>Hall of Fame</h3></a>
            </div>
            <div style="padding-bottom:20px;">
                <a href=""><h3>History of Club</h3></a>
            </div>
      </div>
  </div>
</div>
<div id="linkcontent"></div>

我可以通过一个非常简单的js函数来做到这一点吗？有什么建议么？

Answer 1

使用Ajax，我会推荐jQuery ajax来更新 div。

就像是：

     $("#mylink").click (function () {
        $.ajax({
           type: "POST", // or GET
           url: "mylink.php",//what ever link you want to load
           data: "someData=someThing&someMore=somethingElse",
           success: function(data){
                  $("#someElement").doSomething().
          }
     });
     return false; 
    });