<a href...>のリンクにあるjavaScriptでHTMLをロード

Question

私はプログラミングの世界ではなく、現在HTML,CSS、、およびJavaScriptクラスの約1週間しか知りません。私の仕事は、これらの特定の要件をすべて満たすウェブサイトを作成することです。私は自分のスケルトンHTMLとCSSを持っており、ここにJava Scriptを追加しています。

私のサイトには、メインのヘッダーロゴ領域と、ニュースフィード、リンク、カレンダーなどの左右の列があります。現在、私はこれらの分野で同じ内容の約8ページを持っています。中央の列はすべて変更されています。

リンクがクリックされたときにように私はそれが私のcenterColumn divタグに（その中に.innerHTML="..";で）JavaScript関数をロードします（a href="...）それをしたいと思い。だから私は右または左の列を更新したい場合、私はすべての単一のページでそれを変更する必要はありません。

.innerHTML私はそれまで知っている唯一のことを使用して設定されていません。より良い方法がある場合、または.htmlファイル全体をインポートすることができます。

私は何の役に立たないものを試しました。どんな助けや提案もすばらしいでしょう！ありがとう

Answer 1

jqueryまたはjavascriptのいずれかを使用することをお勧めします。 JqueryはJavaScriptよりもはるかに簡単です。私は、$ .ajaxを使いやすくしています。 resultdivはあなたが表示されるようになりたいdiv要素である

$.ajax({ 
     type:"POST", 
     url:"linktoyourajaxpage.php", 
     data:{data:val1,data2:val2}, 
     cache:false, 
     success:function(html){ 
      $("#resultdiv").html(html); 

     } 



    }); 

。