Wie kann ich den Inhalt eines Divs mithilfe von AJAX dynamisch aktualisieren, ohne dass die Seite neu geladen werden muss?

Seiteninhalte dynamisch aktualisieren

Dieser Code zielt darauf ab, den Inhalt eines div-Elements beim Klicken auf einen Link dynamisch zu aktualisieren, ohne die Seite neu zu laden.

Das PHP-generierte Seite

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

Die JavaScript-erweiterte Version

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

Das PHP-Skript zum Datenabruf

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

In diesem Setup löst das Klicken auf einen der Links die recp-JavaScript-Funktion aus, die die .load()-Methode von jQuery verwendet Rufen Sie die Daten über AJAX aus dem data.php-Skript ab. Die Daten werden dann in das #myStyle-Div geladen, wodurch der Inhalt dynamisch aktualisiert wird, ohne dass die Seite aktualisiert wird.

Das obige ist der detaillierte Inhalt vonWie kann ich den Inhalt eines Divs mithilfe von AJAX dynamisch aktualisieren, ohne dass die Seite neu geladen werden muss?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!