Quando o usuário clica no botão exibido neste página , o navegador irá chamar a função JavaScript na seção head da página.
2

Crie um objeto XMLHttpRequest. Adicione o seguinte código dentro da função JavaScript :

var xmlhttp ; if ( window.XMLHttpRequest ) { xmlhttp = new XMLHttpRequest ();} else { xmlhttp = new ActiveXObject ( " Microsoft.XMLHTTP ");}

Isso permite que a página da Web para lidar com diferentes browsers.
3

Envie sua solicitação de dados para um script PHP. Adicione o seguinte código dentro da função JavaScript, deixando espaço para o código antes dele:

Xmlhttp.open ( "GET ", " get_data.php " , true); XmlHttp.Send ();

Este instrui o navegador para solicitar informações adicionais do script PHP especificado.
4

Criar seu script PHP. Abra um novo arquivo em um editor de texto e salve-o como " get_data.php " para coincidir com o parâmetro para o método de envio que você usou em seu código JavaScript. Digite o seguinte código de exemplo :

< ? Phpecho " Novos dados "; >

Este é um exemplo simples para demonstração, mas você pode adicionar qualquer processamento PHP que você precisa, incluindo as consultas de banco de dados . Você também pode construir o seu texto de resposta para marcação XML se este se adapte ao seu site.
5

lidar com a resposta do seu script PHP. Em sua função JavaScript, antes da linha em que você abrir o objeto XMLHttpRequest , adicione o seguinte código :

xmlHTTP.onreadystatechange = function ( ) {if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200) {//lidar com os dados de resposta }}

Quando JavaScript recebe uma resposta do script PHP , este código será executado. O código verifica que a resposta é válida . Dentro desta instrução condicional , você pode adicionar código para escrever os novos dados em sua página HTML.
6

atualizar o conteúdo de sua página. Na declaração condicional resposta JavaScript, adicione o seguinte código :

document.getElementById ( "update" ) innerHTML = xmlHTTP.responseText ;

Este código identifica o elemento div na página e . em seguida, escreve o texto de resposta a partir do código PHP para ele.
7

Salve seus arquivos e enviá-los para o servidor. Navegue até a página e clique no botão para verificar se a função funciona . Você deverá ver o conteúdo da mudança elemento div .