Управление содержимым DIV с помощью AJAX, PHP и jQuery

В этом сценарии мы стремимся динамически изменять содержимое элемента 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) из $_GET и получите сводку из базы данных. Затем верните его в виде строки:

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