Ajax、PHP、jQuery を使用して DIV コンテンツを動的に更新するにはどうすればよいですか?

Ajax、PHP、jQuery を利用して DIV コンテンツを動的に更新する

このガイドでは、次を使用して DIV 要素のコンテンツを動的に変更するプロセスについて説明します。 Ajax、PHP、および jQuery。

ユーザーがリンクをクリックすると、スクリプトはリンクの URL を PHP ファイルへのデータ パラメーターとして使用して Ajax 呼び出しを行います。次に、PHP ファイルはデータを処理し、文字列として返します。最後に、文字列はターゲットの DIV の内容を置換するために使用されます。

この機能を実装するには、次の手順に従います。

<script>
function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'Your URL',
    data: "id=" + id, // appears as $_GET['id'] on the server-side
    success: function(data) {
      // data is your summary
      $('#summary').html(data);
    }
  });
}
</script>

次に、onclick イベントをリスト項目に追加します。

<a onclick="getSummary('1')">View Text</a>
<div id="summary">This text will be replaced when the onclick event is triggered.</div>

これらの手順に従うと、Ajax と jQuery の操作機能を使用して、PHP ファイルから取得したデータで DIV の内容を動的に更新できます。

以上がAjax、PHP、jQuery を使用して DIV コンテンツを動的に更新するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。