Manipulação de conteúdo DIV com AJAX, PHP e jQuery

Neste cenário, pretendemos modificar dinamicamente o conteúdo de um elemento DIV com base na seleção de um item da lista. Veja como fazer isso usando AJAX, PHP e jQuery:

1. Crie o DIV e a estrutura da lista:

Here is a summary of the movie

  
Name of movie 1
  
Name of movie 2
  ...

2. Definir a função AJAX:

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

3. Adicionar o evento de clique aos itens da lista:

  
View Text 1
  
View Text 2
  ...

4. Script PHP para lidar com a solicitação:

Em seu script PHP, recupere o ID do filme ($id) do $_GET array e busque o resumo do banco de dados. Em seguida, retorne-o como uma string:

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