Arquivos | AJAX RSS for this section

Simples Ajax com JQuery

Após muito perambular pela internet atrás de algum exemplo concreto sobre como utilizar a JQuery para realizar requisições AJAX, resolvi postar hoje aqui, um exemplo bem simples de como se fazer isso.

A idéia inicial era postar tudo bonitinho aqui, os códigos e ir comentando cada linha. Mas por falta de tempo e colaboração deste editor *** do wordpress, vou apenas postar uma breve explicação e os arquivos certinhos.

A intenção deste exemplo é apenas ilustrar uma requisição AJAX, portanto não serão abordados assuntos como validação, por exemplo. Embora seja crucial, não a incluí no arquivo, deixando livre para que cada um crie a sua ;)

Veja também a demo online.

Foram criados 3 arquivos para este exemplo.
O primeiro é o “formulario.php” que vai conter uma pagina com um formulario comum.
O segundo é o “ajax.js” onde vamos criar toda nossa estrutura de requisição.
E o terceiro é outra pagina PHP (envia_email.php) para onde vão ser enviados os dados resgatados pelo AJAX para que seja enviado o email.

formulario.php <Ver Código>
ajax.js <Ver Código>
envia_email.php <Ver Código>

Download JQuery

Download do zip com todos os arquivos. (formulario.php, ajax.js, jquery.js, envia_email.php)

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.