AJAX を使用して再読み込みせずに HTML ページのコンテンツを変更する

リンクがリンクされているときにページを更新せずに DIV 要素のコンテンツを更新したいと考えています。クリックしました。 PHP と AJAX を使用してこれを実現する方法は次のとおりです。

PHP 構成:

HTML マークアップ:

• 識別子 (例: myStyle) を持つ DIV 要素を作成します。 .
• ID を引数として JavaScript 関数を呼び出す onClick ハンドラーを使用してリンクを追加します。

JavaScript with jQuery:

• jQuery ライブラリをインクルードします。
• AJAX を使用してデータを data.php から myStyle DIV にロードする recp 関数を定義します。

コード例:

HTML:

One
Two
Three

PHP:

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

このソリューションを実装すると、リンクをクリックすると、ページをリロードせずに myStyle DIV のコンテンツが更新されます。