загрузки 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; 
    });