AJAX、PHP、および jQuery を使用した DIV コンテンツの操作

このシナリオでは、DIV 要素のコンテンツをベースに動的に変更することを目的としています。リスト項目の選択時。 AJAX、PHP、jQuery を使用してこれを実現する方法は次のとおりです。

1. DIV とリスト構造を作成します:

Here is a summary of the movie

  
Name of movie 1
  
Name of movie 2
  ...

2. AJAX 関数を定義する:

function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'your_php_script.php',
    data: "id="   id,
    success: function(data) {
      $('#summary').html(data);
    }
  });
}

3. クリック イベントをリスト項目に追加します:

  
View Text 1
  
View Text 2
  ...

4. リクエストを処理する PHP スクリプト:

PHP スクリプトで、ムービー ID ($id) を$_GET 配列を使用してデータベースから概要を取得します。次に、それを文字列として返します:

$id = $_GET['id'];
$summary = getMovieSummary($id);
echo $summary;