Comment puis-je mettre à jour dynamiquement le contenu d'une page Web sans actualisation complète de la page ?

Modifier le contenu d'une page de manière dynamique sans actualisation

Question :

Comment le contenu d'une page Web peut-il être mis à jour sans recharger l'intégralité page ?

Réponse :

Pour mettre à jour le contenu d'une page sans avoir besoin d'une actualisation complète, vous pouvez utiliser AJAX (JavaScript et XML asynchrones). Cela permet de charger des données depuis un serveur sans affecter le reste de la page.

Implémentation :

1. Créer une fonction Javascript à l'aide de jQuery :

function recp(id) {
  $('#myStyle').load('data.php?id=' + id);
}

Cette fonction utilise la méthode load() de jQuery pour récupérer les données d'un PHP script et met à jour le contenu de l'élément avec l'ID "myStyle".

2. Appelez la fonction Javascript :

<a href="#" onClick="recp('1')" > One   </a>
<a href="#" onClick="recp('2')" > Two   </a>
<a href="#" onClick="recp('3')" > Three </a>

En cliquant sur ces liens déclenchera la fonction recp() et chargera les données de l'ID correspondant.

3. Écrivez un script PHP pour gérer la requête AJAX :

require ('myConnect.php');     
$id = $_GET['id'];
$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'];
}

Ce script récupère les données de la base de données en fonction de l'ID et renvoie le résultat au client via AJAX.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!