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; 
    });