title: HTML - Change\Update page contents without refreshing\reloading the page
body: <p>I get the data from DB and display it in a div... what I want to do is when I click a link it should change the content of the div</p>
  
  <p>one option is to pass parameter through URL to itself and reload the page...</p>
  
  <p>I need to do it <strong>without reloading\refreshing</strong>...</p>
  
  <pre><code>&lt;?php   
      $id   = '1';
  
      function recp( $rId ) {
          $id   = $rId;
      }
  ?&gt;
  
  &lt;a href="#" onClick="&lt;?php recp('1') ?&gt;" &gt; One   &lt;/a&gt;
  &lt;a href="#" onClick="&lt;?php recp('2') ?&gt;" &gt; Two   &lt;/a&gt;
  &lt;a href="#" onClick="&lt;?php recp('3') ?&gt;" &gt; Three &lt;/a&gt;
  
  &lt;div id='myStyle'&gt;
  &lt;?php
      require ('myConnect.php');     
      $results = mysql_query("SELECT para FROM content WHERE  para_ID='$id'");
  
      if( mysql_num_rows($results) &gt; 0 ) {
          $row = mysql_fetch_array( $results );
          echo $row['para'];
      }
  ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The goal is when I click any of the links the contents of the div and php variable\s gets updated without refreshing.... so that <strong>user could see new data</strong> and after that if some query is performed it is on new variable\s</p>
  
  <p>p.s I know it is gonna require some AJAX but I don't know AJAX.. so please reply with something by which I can learn... my knowledge is limited to HTML, PHP, some JavaScript &amp; some jQuery</p>