Cambiar el contenido de la página HTML sin recargar usando AJAX

Desea actualizar el contenido de un elemento DIV sin actualizar la página cuando se establece un enlace hizo clic. Así es como puedes lograr esto usando PHP y AJAX:

Configuración de PHP:

• Crea un script PHP (por ejemplo, data.php) que se conecte a tu base de datos y recupera los datos según el ID del parámetro.

HTML Marcado:

• Crea un elemento DIV con un identificador (por ejemplo, myStyle).
• Agrega enlaces con controladores onClick que llaman a una función de JavaScript con la identificación como argumento.

JavaScript con jQuery:

• Incluir jQuery biblioteca.
• Defina una función recp que use AJAX para cargar los datos de data.php en myStyle DIV.

Código de ejemplo:

HTML:

One
Two
Three

PHP:

 0 )
  {
   $row = mysql_fetch_array( $results );
   echo $row['para'];
  }
?>

Una vez que haya implementado esta solución, al hacer clic en los enlaces se actualizará el contenido de myStyle DIV sin recargar la página.