Alterar o conteúdo da página HTML sem recarregar usando AJAX

Você deseja atualizar o conteúdo de um elemento DIV sem atualizar a página quando um link é clicado. Veja como você pode conseguir isso usando PHP e AJAX:

Configuração PHP:

• Crie um script PHP (por exemplo, data.php) que se conecte ao seu banco de dados e recupera os dados com base no id do parâmetro.

Marcação HTML:

• Crie um elemento DIV com um identificador (por exemplo, myStyle) .
• Adicione links com manipuladores onClick que chamam uma função JavaScript com o id como argumento.

JavaScript com jQuery:

• Inclua a biblioteca jQuery.
• Defina uma função recp que usa AJAX para carregar os dados de data.php no DIV myStyle.

Código de exemplo:

HTML:

One
Two
Three

PHP:

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

Depois de implementar esta solução, clicar nos links atualizará o conteúdo do myStyle DIV sem recarregar a página.