Comment puis-je mettre à jour dynamiquement le contenu d'une division à l'aide d'AJAX sans recharger les pages ?

Mise à jour dynamique du contenu de la page

Ce code vise à mettre à jour dynamiquement le contenu d'un élément div en cliquant sur un lien, sans recharger la page.

Le PHP généré Page

<?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>

La version améliorée par JavaScript

<script type="text/javascript">
function recp(id) {
  $('#myStyle').load('data.php?id=' + id);
}
</script>

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

<div>

Le script PHP pour la récupération de données

<?php
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'];
}
?>

Dans cette configuration, cliquer sur l'un des liens déclenche la fonction JavaScript recp, qui utilise la méthode .load() de jQuery pour récupérer les données du script data.php via AJAX. Les données sont ensuite chargées dans le div #myStyle, mettant à jour dynamiquement son contenu sans actualiser la page.

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!