O php é uma linguagem de programação de desenvolvimento de sites dinâmicos criada em 1995 especialmente para criar uma revolução na internet. É uma linguagem excelente para criar buscas, armazenar dados em banco de dados entre outras coisas. Existem outras linguagem que auxiliam o php na navegação como o Javascript que por sua vez é no lado do cliente, facilitando as coisas, atua no navegador de cada um. Quando você coloca um código javascript no seu site você diz a esse código que mude propriedades nas paginas somente naquele navegador, com o php é diferente porque ele é processado no servidor que fica os dados então chega para o cliente pronto para ser modificado pelo javascript.
Chega de introdução agora vamos falar do nosso assunto principal, o Ajax. Essa tecnologia faz com que o php e seja executado sem que necessite atualizar a pagina. Ele manda as informações via Javascript para o php sem a necessidade de mudar todo o conteúdo da página. Vamos aos exemplos práticos.
Para instalar um servidor php em seu computador localmente para realizar testes basta baixar o pacote de instalação do xampp que já vem com tudo que você precisa para rodar seus arquivos php e com banco de dados mysql.
O Ajax não é uma linguagem e sim um elemento do javascript que atualmente já está em todos os navegadores modernos, ele é conhecido como componente XMLHTTPRequest.
A primeira coisa é verificar se o navegador tem a função correta para suportar o php. Você vai precisar desse código em javascript:
function xmlrequest(){
try {
ajax = new ActiveXObject(“Microsoft.XMLHTTP”);
}
catch(e)
{
try
{
ajax = new ActiveXObject(“Msxml2.XMLHTTP”);
}
catch(ex)
{
try
{
ajax = new XMLHttpRequest();
}
catch(exc)
{
alert(“Esse browser não tem recursos para uso do Ajax”);
ajax = null;
}
}
}
}
Depois você cria um arquivo HTML com com um botão e uma div <div></div> essa div recebe os dados do servidor dinamicamente. Veja:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Testando o Ajax</title>
<script type=”text/javascript”>
function xmlrequest(){
try {
ajax = new ActiveXObject(“Microsoft.XMLHTTP”);
}
catch(e)
{
try
{
ajax = new ActiveXObject(“Msxml2.XMLHTTP”);
}
catch(ex)
{
try
{
ajax = new XMLHttpRequest();
}
catch(exc)
{
alert(“Esse browser não tem recursos para uso do Ajax”);
ajax = null;
}
}
}
}
function inicial()
{
xmlrequest();
if(ajax)
{
var variaveis = “start=ok”;
ajax.open(“post”,”acao.php”, true);
ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);
ajax.send(variaveis);
ajax.onreadystatechange = function(){
if(ajax.readyState != 4)
{
document.getElementById(“conteudo”).innerHTML = “carregando… aguarde!” ;
}
if(ajax.readyState == 4 )
{
document.getElementById(“conteudo”).innerHTML = ajax.responseText;
}
}
}
}
</script>
</head>
<body>
<p>
<input type=”button” name=”button” id=”button” value=”Submit” onclick=”inicial()” />
</p>
<div id=”conteudo” style=”border:5px double;width:500px; height:400px; margin:0 auto;”></div>
</body>
</html>
No arquivo acao.php basta que você coloque o que você deseja que o php faça e assim será retornado como texto, no meu exemplo no arquivo acao.php tem um echo com um texto
acao.php
<? echo “Esses dados estão sendo exibidos pelo acao.php aqui dentro vc pode criar o que quizer que o resultado vai ser retornado com forma de texto simples”; ?>
Qualquer duvida entre em contato pelo email fernandocesar226@hotmail.com que estarei ajudando no que for possível, caso você queria os arquivos me mande um email e te mando um mais completo com mais opções de retorno
loading...