HTML - Change\Update page contents without refreshing\reloading the page

[paxyroony]

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 divone option is to pass parameter through URL to itself and reload the page...I need to do it without reloading\refreshing...\[code\]<?php $id = '1';function recp( $rId ){ $id = $rId;}?><a href="http://stackoverflow.com/questions/3644585/#" onClick="<?php recp('1') ?>" > One </a><a href="http://stackoverflow.com/questions/3644585/#" onClick="<?php recp('2') ?>" > Two </a><a href="http://stackoverflow.com/questions/3644585/#" onClick="<?php recp('3') ?>" > Three </a><div id='myStyle'><?php require ('myConnect.php'); $results = mysql_query("SELECT para FROM content WHERE para_ID='$id'"); if( mysql_num_rows($results) > 0 ) { $row = mysql_fetch_array( $results ); echo $row['para']; }?></div>\[/code\]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 user could see new data and after that if some query is performed it is on new variable\sp.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 & some jQuery