HTML - Cambiar \ Actualizar contenido de la página sin actualizar \ volver a cargar la página
Obtengo los datos de DB y los visualizo en un div ... lo que quiero hacer es que cuando haga clic en un enlace, debería cambiar el contenido del div
una opción es pasar el parámetro a través de la URL a sí mismo y volver a cargar la página ...
Necesito hacerlosin recargar \ refrescar...
<?php
$id = '1';
function recp( $rId ) {
$id = $rId;
}
?>
<a href="#" onClick="<?php recp('1') ?>" > One </a>
<a href="#" onClick="<?php recp('2') ?>" > Two </a>
<a href="#" 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>
El objetivo es que cuando hago clic en cualquiera de los enlaces, el contenido de la variable div y php se actualiza sin actualizar ... para queel usuario puede ver nuevos datos y después de eso, si se realiza alguna consulta, está en la nueva variable \ s
p.s Sé que requerirá algo de AJAX pero no sé AJAX ... así que responda con algo por lo que pueda aprender ... mi conocimiento se limita a HTML, PHP, algunos JavaScript y algunos jQuery