Javascript 将html链接加载到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函数来实现吗？有什么建议吗

我会再次提醒您，使用更新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; 
    });

---

了解Ajax或iFrame。了解如何使用jQuery实现Ajax，特别是load方法。