Modifier le contenu d'une page HTML sans recharger à l'aide d'AJAX

Vous souhaitez mettre à jour le contenu d'un élément DIV sans actualiser la page lorsqu'un lien est cliqué. Voici comment y parvenir en utilisant PHP et AJAX :

Configuration PHP :

• Créez un script PHP (par exemple, data.php) qui se connecte à votre base de données et récupère les données en fonction de l'identifiant du paramètre.

HTML Balisage :

• Créez un élément DIV avec un identifiant (par exemple, myStyle).
• Ajoutez des liens avec des gestionnaires onClick qui appellent une fonction JavaScript avec l'identifiant comme argument.

JavaScript avec jQuery :

• Inclure le jQuery bibliothèque.
• Définissez une fonction recp qui utilise AJAX pour charger les données de data.php dans le myStyle DIV.

Exemple de code :

HTML :

One
Two
Three

PHP :

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

Une fois que vous avez implémenté cette solution, cliquer sur les liens mettra à jour le contenu du myStyle DIV sans recharger la page.