Imasters Fóruns - Ajax em PHP - Página 1

Ajax - iMasters Fóruns Página 1 de 23
iM a s t e r s Ho m e D el i c io u s Gr u p o s d e u s u á r io s F. A . Q . R eg r a s Bu s c a Membros
Logado como: Waldemiro ( Sair ) Painel de Controle Ver Novos Posts Meu Assistente 0 Novas Mensagens
iMasters Fóruns » Programação » PHP » Cursos
3 Páginas 1 2 3 >
Ajax, o novo mundo client-server Opções
Post #1
Wilker May 26 2005, 05:36 PM
e ae galera, meu 2 tutorial por aki
bom, vou ensinar aqui como se usar o Ajax em suas aplicacoes web.
pra comeco de historia, o Ajax na verdade, eh um treco do JavaScript, o qual permite
puxar dados de arquivos, e permite tambem, enviar dados pra esses arquivos (nossos
queridos GET e POST), pra fazer uma cosulta ao arquivo (parece o LoadVars do Flash)
Grupo: Membros quem quizer aprender mesmo isso, alem de conhecimento PHP, eh bom saber um
Posts: 517 Javascript legal, pois ele é o mais usado nesse caso
Registrado: 25 Aug 2004
De: Recife - PE
ao codigo!
Membro nº: 12.479
precisamos primeiro inicializar o Ajax, seria muito facil, se todo mundo usasse o mesmo
browser... mas como isso não é real, entao vamos criar uma funcao que retornao Ajax
do browser em uso:
ajaxInit.js
CODE
function ajaxInit() {
var req;
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(ex) {
try {
req = new XMLHttpRequest();
} catch(exc) {
alert("Esse browser não tem recursos para uso do Ajax");
http://forum.imasters.com.br/index.php?showtopic=132737 29/5/2006
req = null;
}
}
}
return req;
}
oque esse script faz é ir tentando carregar o Ajax até conseguir, usando try / catch
agora ja temos a funcao de inicializacao (oia q legal!)
agora vamos criar um script PHP para ser usado nesse exemplo
obs: esse script poderia ser feito apenas em javascript, mas a intencao é apenas
demonstrar o uso do Ajax
scriptAjax.php
PHP
1. <?php
2. $gmtDate = gmdate("D, d M Y H:i:s");
3.
4. header("Expires: {$gmtDate} GMT");
5. header("Last-Modified: {$gmtDate} GMT");
6. header("Cache-Control: no-cache, must-revalidate");
7. header("Pragma: no-cache");
8.
9. //os readers acima serao explicados apos o script
10.
11. $n = $_GET["n"]; //pegar a variavei enviada
12.
13. //vamos multiplicar essa variavel por 50
14. $n *= 50;
15.
16. echo $n; //agora vamos "retornar" o valor, para isso escrevemos ele
17.
18. ?>
como vimos, o script recebe um numero, e multiplica ele por 50, e depois retorna o novo
valor, para um uso pratico, poderiamos puxar dados no banco de dados e retornar, oq
seria um uso real disso
os headers iniciais, em base querem dizer: "NAO USE O CACHE DO BROWSER!!!"

ou seja, sevem pra vc n correr o risco de tentar baixar coisas do cache, oq seria inutil
para uma linguagem server-side
agora vamos criar o script final, que usa nossos scripts pre-criados
calcula.php
CODE
<html>
<head>
<title> Uso do Ajax </title>
<script src="ajaxInit.js" language="javascript"
type="text/javascript"></script>
<script>
function calcula() {
valIni = document.getElementById("valorIni").value;
ajax = ajaxInit();
if(ajax) {
ajax.open("GET", "scriptAjax.php?n=" + valIni, true);
ajax.onreadystatechange = function() {
if(ajax.readyState == 4) {
if(ajax.status == 200) {
document.getElementById("resultado").value = ajax.responseText;
} else {
alert(ajax.statusText);
}
}
}
ajax.send(null);
}
}
</script>
</head>
<body>
<input type="text" id="valorIni"> * 50 = <input type="text"
id="resultado" readonly="true"> <button type="button"
onclick="calcula();">Calcular</button>
</body>
</html>
bom, acho que deu pra entender neh galera, o script manda o valor de N por get, pelo
proprio endereco (scriptAjax.php?n=xxx), pra completar, eu vo ensina abaixo como
seria pra enviar esse mesmo dado por POST:
CODE
...
ajax.open("POST", "scriptAjax.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-
urlencoded");
...
ajax.send("n=" + valIni);
escrevi os ... pra dizer q a parte do codigo q falta, tanto por get como por post, na hora
de enviar variaveis, vc deve as separar por &, td numa string soh (mesmo no post, n
pense q ele aceita varios argumentos pois é um só)
vo dexa a descricao dos objetos abaixo (peguei no PHPBrasil):
abort():
Pára a requisição atual.
getAllResponseHeaders():
Retorna todos os cabeçalhos (labels e valores) como uma string.
getResponseHeader("headerLabel"):
Retorna o valor de um único label do cabeçalho.
open("metodo", "URL"[, asyncFlag[, "userName"[, "password"]]]):

Define a página a ser aberta, o método (GET | POST), a URL, o marcador de
"assíncrono", e, se a página requerer login, o nome de usuário e a senha.
send(content):
Envia a requisição, opcionalmente pode ser uma string ou até um objeto DOM.
setRequestHeader("label", "valor"):
Define um par label + valor para ser enviado com o cabeçalho da requisição atual.
E as propriedades:
onreadystatechange:
(!) Método a ser invocado quando o estado (definido em readyState) mudar. (!)
readyState:
Inteiro representando o estado da requisição:
0 = não inicializado
1 = carregando
2 = carregado
3 = modo interativo
4 = completado
responseText:
Versão em string dos dados retornados pela requisição.
responseXML:
Objeto DOM retornado pela requisição
status:
Código numérico do estado da requisição retornado pelo servidor. O conhecido 404 "Not
Found" e o menos conhecido, mas mais importante 200 "Ok"
statusText:
A string que acompanha o código de estado acima ("Not Found", "Ok", etc)
flw galera!
--------------------
Wilker Web Chat versao 2.0 esta por vir
Informativo sobre WWC 2.0: http://200.199.74.253/site/pessoal/wilker/wwcinfo.php
Wilker May 27 2005, 07:27 AM
bom galera, pra completar aqui, vou mostrar um exemplo pratico do uso do Ajax
vamos aqui aprender a criar um sistema de contagem de usuarios online, a diferenca desse sistema
os demais da net, eh q ele funciona em tempo real, ou seja, c alguem entrar no site, ou sair (o praz
tempo expirar), o contador eh atualizado na mesma hora, sem precisar trocar de pagina
pra nao complicar, usaremos um arquivo de texto simples no lugar de um banco de dados
Grupo: Membros
Posts: 517 quanto a explicacao, agora eu vou me focar mais no javascript do que no PHP, pois eu nao explique
Registrado: 25 Aug 2004 isso no tutorial, e podem ter ficado duvidas, vamos agora criar o script PHP que faz a contagem e
De: Recife - PE
atualizacao dos usuarios online
Membro nº: 12.479
usersCount.php
PHP
1. <?php
2.
3. $gmtDate = gmdate("D, d M Y H:i:s");
4. header("Expires: {$gmtDate} GMT");
5. header("Last-Modified: {$gmtDate} GMT");
6. header("Cache-Control: no-cache, must-revalidate");
7. header("Pragma: no-cache");
8.
9. //os headers acima ja foram explicados no tutorial
10.
11. $timeExpire = 30; //tempo em segundos para expirar usuario
12. $fileName = "online.txt"; //nome do arquivo a ser usado
13.
14. //criar o arquivo se ele não existir
15. if(!file_exists($fileName)) {
16. $f = fopen($fileName, "w");
17. fclose($f);
18. }
19.
20. $ip = $_SERVER['REMOTE_ADDR']; //pegar ip do usuario
21. $tempo = time(); //pegar o timespan
22.
23. $stringUser = $ip . ":" . $tempo; //concatenamos usando o caractere : como div
24.
25. $onlineNow = file_get_contents
($fileName); //arquivo txt com dados de usuarios atuais
26. $arrayNow = explode("|", $onlineNow); //o divisor usado para separar valores
27. $newUsers = array(); //essa array irá gravar os usuarios ainda online
28.
29. //agora vamos filtrar os usuarios com timespan vencido
30. foreach($arrayNow as $an) {
31. list($tIP, $tTime) = explode
(":", $an); //separamos usando o separador previamente definido
32.
33. if($tIP != NULL && $tTime != NULL && $tIP != $ip && $tTime > $tempo -
$timeExpire) {
34. $newUsers
[] = $tIP . ":" . $tTime; //caso o usuario passe no teste, ele é adicionado
35. }
36. }
37.
38. $newUsers[] = $stringUser; //adicionando o usuario atual
39.
40. file_put_contents($fileName, implode("|", $newUsers)); //atualiza o arquivo
41.
42. echo count($newUsers); //escreve a quantidade de usuarios atual
43.
44. ?>
dexei comentarios expalhados, entao esse script é auto-explicativo, postem em caso de duvidas
vamos usar o arquivo ajaxInit.js que criamos no tutorial, e agora vamos ao script js que vai ler esse
dados:
usersCount.js
CODE
function contaUsuarios(spanID) {
var usersCountTmpVar = document.getElementById(spanID);
if(!usersCountTmpVar) {
alert("Campo não encontrado");
return; //se ele não encontrar o campo, da um alerta e escapa a funcao
}
var ajaxUC = ajaxInit(); //inicia a variavel ajax para uso e UserCount
ajaxUC.open("GET", "usersCount.php", true);

ajaxUC.onreadystatechange = function() { //funcao executada ao trocar de stado
if(ajaxUC.readyState == 4) { //verifica se o estado atual é "concluido"
if(ajaxUC.status == 200) { //verifica se o arquivo foi lido corretamente
usersCountTmpVar.innerHTML = ajaxUC.responseText + " usuários online"; //define
texto do span
}
setTimeout("contaUsuarios('" + spanID + "')", 2000); //reexecutar a funcao apos 2

segundos
}
}
ajaxUC.send(null); //enviar dados para poder receber resposta
}
bom, nem tem mto oq explicar ai, foi passado um parametro que indica o objeto aonde o texto
informativo vai ser colocado, o resto ta auto-explicativo, consultem o tutorial para ver como funcion
metodos do ajax
agora que temos os scripts prontos, vamos usa-los
pagina.php
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> :: Ajax - Contador de Usuarios :: </title>
<script src="ajaxInit.js" type="text/javascript"></script>
<script src="usersCount.js" type="text/javascript"></script>
</head>
<body onload="contaUsuarios('usuariosOnline');">
<span id="usuariosOnline"></span>
</body>
</html>
como podem ver, incluimos os arquivos js que serao usados, definimos uma tag <span> (tambem
poderia ser <div>), e colocamos um identificador (id) nela, e na tag body, dizemos que ao ler o
documento, ele deve executar a funcao de contar usuarios, passando o retorno para o identificador
'usuariosOnline', nao podem esquecer de usar aspas, senao vai dar erro
pra quem nao sabe, a diferenca principal entre <span> e <div> é que o <div> assim que usado, el
preenche o maximo de margem horizontal que ele puder, ou seja, apos um div, qualquer coisa no H
vai vir numa linha inferior, enquanto o <span> soh ocupa o espaco usado pelo seu HTML interno, c
digitar algo apos o span, esse algo vai aparecer ao lado, e nao em baixo
flw, espero q tenham curtido o tuto
--------------------
Post #3
Leandro Vieira Pinho Jun 26 2005, 11:29 PM
Caro Wiler, sane algumas dúvidas por favor.
esta linha:
document.getElementById("resultado").value = ajax.responseText;
Não compreendi bem a parte em negrito.
Grupo: Membros
Posts: 654
Estou tentando fazer o algo tipo assim:
Registrado: 18 Jul 2004
De: Governador Valadares -
MG Verificar se algum dado já existe no db, quando se faz o cadastro, tipo verificar o e-mail
Membro nº: 11.495 se consta ou não.
Pensei em algo tipo assim:
faça a consulta ao DB, e se encontrar algo no DB rode este código:
document.getElementById("msg").display="block";
Conheça alguns bons tutoriais sobre assunto.
Um abraço.
--------------------
Faça o Download do site DWMX. Acesse http://www.plugsites.net/dwmx/index.php?
origem=forumImasters e saiba mais sobre essa oportunidade.
Post #4
Wilker Jun 27 2005, 08:19 AM
eh o seguinte kra, o ajax.responseText eh o texto q o ajax recebeu ao fazer a consulta

no arquivo, vc pode faze um script PHP assim:
<?
mysql_connect("xx", "xx", "xx");

mysql_select_db("xx");
Grupo: Membros $valor = $_GET["valor"];

Posts: 517
De: Recife - PE $query = mysql_query("select * from tabela where campo = '$valor'");
Membro nº: 12.479
if(mysql_num_rows($query) > 0) {
echo "1";
} else {
echo "0";
}
?>
agora vc ja sabe, q c o valor existir, o PHP vai escrever o valor 1, caso contrario, vai
escrever o valor 0, ai vc faria o seguinte no seu kso:
function verifica(val) {
var ajax = ajaxInit();
ajax.open("GET", "meuphp.php?valor=" + val, true);
var retVal = ajax.responseText; //aki vai ser o valor 0 ou 1, dependendo dele ter
encontrado ou n
if(retVal == "1") {
}
} else {
alert("erro: " + ajax.statusText);
}
}
}
}
espero q tenha conseguido entender, qq duvida volta a postar
--------------------
Post #5
Cara não estou conseguindo, não sei onde estou errando.
Mas o início é assim mesmo, errando até aprender.
Vou postar meus códigos aqui, caso possa dar uma analisa ficarei agradecido.
Página cadastro.htm
QUOTE
Grupo: Membros <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

Posts: 654 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
MG <head>
Membro nº: 11.495 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cadastro, consulta Ajax</title>
<script type="text/javascript" src="inicia_ajax.js"></script>
<script type="text/javascript">
function verifica() {
var email = document.getElementById("email").value;
ajax.open("GET", "consulta_db.php?email=" + email, true);
encontrado ou n
if(retVal == "1") {
}
} else {
}
}
}
}
</script>
<style type="text/css">
#msg {display: none}
</style>
</head>
<body>
<h2>Cadastre-se</h2>
<div id="msg"><p>Ufa! funfou o Ajax</p></div>
<form id="cadastro" method="get" action="">

<p>Nome: <input type="text" name="nome" id="nome" /></p>
<p>E-mail: <input type="text" name="email" id="email" /></p>
<p><button type="button" onclick="verifica();">Testar o Ajax</button></p>
</form>
</body>
</html>
O arquivo: inicia_ajax.js é o criado por você.
Página consulta_db.php
QUOTE
<?php
$gmtDate = gmdate("D, d M Y H:i:s");
header("Expires: {$gmtDate} GMT");

header("Last-Modified: {$gmtDate) GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-chache");
mysql_connect("localhost", "root", "");

mysql_select_db("tutoriais");
$valor = $_GET["email"];
$query = mysql_query("select * from contatos where email = '$valor'");
echo "1";
} else {
echo "0";
}
?>
Por enquanto, obrigado.
--------------------
Post #6
Wilker Jun 27 2005, 05:59 PM
achei seu erro kra =P
eh bem simples, esta na linha:
troque ela por:

Grupo: Membros
Posts: 517 document.getElementById("msg").style.display="block";

De: Recife - PE
espero q funcione flw
Membro nº: 12.479
--------------------
Post #7
Cara infelizmente não deu certo.
Tentei de tudo.
--------------------
Grupo: Membros
Posts: 654
MG
Membro nº: 11.495
Post #8
Acho que o erro está ocorrendo da seguinte forma:

</form>
Grupo: Membros Como o form não tem um submit, não está enviado o valor do email para a página, e
Posts: 654
com o botão o form não é enviado.
MG Mas se coloco um submit ou coloco o type do button como submit, ocorre o reload na
Membro nº: 11.495
página.
--------------------
Wilker Jun 28 2005, 12:14 AM Post #9
kra, e vi agora, tipo, o problema ta ai, mas n da maneira q vc falou... n eh preciso dar
submit, o erro eh simples, como o email eh o um ID, vc n pode definir uma variavei no
javascript com o nome email (frescura mermo), entao seu javascript deve ficar assim:
var emailV = document.getElementById("email").value;
Grupo: Membros
Posts: 517 ajax.open("GET", "consulta_db.php?email=" + emailV, true);
Registrado: 25 Aug 2004 ajax.onreadystatechange = function() {
De: Recife - PE
Membro nº: 12.479
encontrado ou n
if(retVal == "1") {
document.getElementById("msg").style.display="block";
}
} else {
}
}
}
}
</script>
eu soh fiz trocar o nome da variavel, testa ai (tb coloquei o .style.display)
--------------------
Post #10
Leandro Vieira Pinho Jun 28 2005, 12:27 AM
Alterei conforme dito e nada, não estou compreendo tá complicado, rs...
--------------------
Grupo: Membros
Posts: 654
MG
Membro nº: 11.495
Post #11
Wilker Jun 28 2005, 11:37 AM
posta pra mim o codigo completo ai (como esta atualmente, apos as modificacoes), q eu
vo testa aki, e vo v o problema
--------------------
Grupo: Membros
Posts: 517
De: Recife - PE
Membro nº: 12.479
Post #12
Leandro Vieira Pinho Jun 30 2005, 12:33 AM
Cara desculpe a demora,
mas vou postar os códigos agora como estão atualmente.
Página cadastro.htm
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Grupo: Membros
Posts: 654 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Registrado: 18 Jul 2004 <html xmlns="http://www.w3.org/1999/xhtml">
De: Governador Valadares - <head>
MG
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
Membro nº: 11.495
1" />
<title>Cadastro, consulta Ajax</title>
<script type="text/javascript" src="inicia_ajax.js"></script>
ajax.open("GET", "consulta_db.php?email=" + emailV, true);
var retVal = ajax.responseText; //aki vai ser o valor 0 ou 1, dependendo
dele ter encontrado ou n
if(retVal == "1") {
}
} else {
}
}
}
}
</script><style type="text/css">
#msg {display: none}
</style>
</head>
<body>
<h2>Cadastre-se</h2>
<div id="msg"><p>Ufa! funfou o Ajax</p></div>

</form>
</body>
</html>
Página inicia_ajax.js
CODE
function ajaxInit() {
var req;
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(ex) {
try {
req = new XMLHttpRequest();
} catch(exc) {
alert("Esse browser não tem recursos para uso do Ajax");
req = null;
}
}
return req;
}
Página consulta_db.php
CODE
<?php
header("Expires: {$gmtDate} GMT");

header("Last-Modified: {$gmtDate) GMT");
mysql_connect("localhost", "root", "");

mysql_select_db("tutoriais");
$valor = $_GET["email"];
$query = mysql_query("select * from contatos where email = '$valor'");
echo "1";
} else {
echo "0";
}
?>
SQL da tabela no DB.
CODE
CREATE TABLE `contatos` (
ìd` int(3) NOT NULL auto_increment,
`nome` varchar(50) NOT NULL default '',
èmail` varchar(40) NOT NULL default '',
PRIMARY KEY (ìd`)
) TYPE=MyISAM AUTO_INCREMENT=7;
--
-- Dumping data for table `contatos`
--
INSERT INTO `contatos` VALUES (6, 'Pinho', 'leandro@plugsites.net');
INSERT INTO `contatos` VALUES (5, 'Vieira', 'leandro@dwmx.com.br');

INSERT INTO `contatos` VALUES (4, 'Leandro', 'leandro@plugsites.net');
Ufa, pronto, vou tentando aqui também.
Um abraço.
--------------------
Post #13
Wilker Jul 1 2005, 10:40 PM
AEHuihAEIOhIOAEHioHAEOIhoIAE
como eh q eu n vi isso antes... kra... vc esqueceu de usar um comando do ajax...
ajax.send(null);
pode ver pelo meu tutorial, ta faltando esse comando ai no seu...

Grupo: Membros
Posts: 517 dando uma ajustada, essa parte do seu script tem q ficar assim:
De: Recife - PE
Membro nº: 12.479 CODE
ajax.open("GET", "consulta_db.php?email=" + emailV, true);
var retVal = ajax.responseText; //aki vai ser o valor 0 ou 1, dependendo
dele ter encontrado ou n
if(retVal == "1") {
}
} else {
}
}
}
ajax.send(null); //essa foi a linha adicionada
}
</script>
agora eu tenho 95% de certeza q isso vai funcionar
mas c n funcionar, pode voltar a postar q eu ajudo novamente, e c funcionar, posta tb,
pra o pessoal saber q funciono
flws
--------------------
Post #14
Leandro Vieira Pinho Jul 1 2005, 11:02 PM
AHahfyefhyahayahahahayahay
Funfou
Mas tem um detalhe, na página consulta_db.php não pode ter este código:
QUOTE
Grupo: Membros
Posts: 654
MG header("Expires: {$gmtDate} GMT");
Membro nº: 11.495 header("Last-Modified: {$gmtDate) GMT");
Sem ele, funciona legal.
--------------------
Post #15
Wilker Jul 2 2005, 12:19 AM
eu sempre coloco esse codigo ai... e nunca deu problema
mas td bem... o importante eh q funciono ^^
--------------------
Grupo: Membros
Posts: 517
De: Recife - PE
Membro nº: 12.479
Post #16
SnakeX Jul 3 2005, 12:42 PM
Wilker, muito bom seu tutorial, ja estou a usar isto nos meus formulários para em vez
de se enviar e dps verificar os dados ele verifica logo tudo na hora
Grupo: Membros
Posts: 202
De: Portugal \ Porto
Membro nº: 11.411
Wilker Jul 3 2005, 01:12 PM
vlw snake ^^
oia, pra quem pretende usar Ajax em webforms eu tenho uma dica, existe uma maneira + pratica d
pegar todos os campos (exeto campos file) e enviar por ajax, vo mostra aki um script q eu fiz pra is
facilita a vida dos webforms:
soh + uma coisa antes de dar o exemplo, bom, n sei c vcs ja passaram por isso, mas temos problem
Grupo: Membros caracteres acentuados ao usar o Ajax (tenter enviar dados acentuados e vejam como eles chegam d
Posts: 517 outro lado), esse meu script tem tb um treco legal que resolve o problema de acentuacao do Ajax, m
Registrado: 25 Aug 2004 tem uma pequena limitacao... ele soh resolve pra os 256 caracteres basicos da tabela ASCII (a tabe
De: Recife - PE
extendida n vale)
Membro nº: 12.479
formSender.php
PHP
1. <!DOCTYPE html PUBLIC "-

//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
strict.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4. <title>Enviar Formulario por Ajax</title>
5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
6. <script type="text/javascript" src="ajax.js"></script>
7. <script type="text/javascript">
8. 
81. </script>
82. </head>
83.
84. <body>
85. <h1>Formulario via Ajax</h1>
86. <form action="retorno.php" method="post" onsubmit="formSender
(this); return false;">
87. <div>
88. <input type="hidden" name="escondido" value="valorEsc" />
89. <input type="text" name="nome" /><br />
90. <input type="text" name="" /><br />
91. <input type="checkbox" name="checar[]" value="val1" /><br />
94. <input type="radio" name="radios" value="radio1" /><br />
97. <input type="file" name="arquivo" /><br />

98. <button type="submit">Enviar</button>
99. </div>
100. </form>
101. </body>
102. </html>
para os campos file, ele vai enviar apenas o caminho do arquivo... por isso n funciona, soh coloquei
teste ai pra vcs verem como fica
flw
obs: esse script foi editado dia 29/7/2005 para ficar nos padroes XHTML 1.0 da W3, quem quizer po
testa-lo no site: http://validator.w3.org
--------------------
Post #18
nGen Jul 8 2005, 12:35 PM
Grande Wilker, parabens pelo seu tutorial. mt bom mesmo, me responde uma coisa,
queria fazer inserir os dados de um formulário em uma tabela que está de baixo do
form, dinamicamente com ajax, tem como fazer??
Grupo: Membros
Posts: 17
Registrado: 15 Apr 2005
Membro nº: 17.883
Post #19
Wilker Jul 29 2005, 06:58 PM
http://www.w3schools.com/js/tryit.asp?file...table_insertrow
--------------------
Grupo: Membros
Posts: 517
De: Recife - PE
Membro nº: 12.479
Post #20
nGen Jul 29 2005, 06:59 PM
Valeu cara... salvou uma vida
Grupo: Membros
Posts: 17
Registrado: 15 Apr 2005
Membro nº: 17.883
Digite palavras-chave Buscar no tópico « Próximo mais velho Cursos Próximo mais novo »
3 Páginas 1 2 3 >
1 usuário(s) está(ão) lendo este tópico (0 visitantes e 0 usuários anônimos)
1 membros: Waldemiro
|---- Cursos Ok
Treinamentos Oracle Recuperação de dados CRM para sua empresa.

Formação Oracle 9i e 10G, Java SP Descontos HD, Raid, CD ou qualquer mídia formatada, Banco de dados, call center, logistica, data
de até 45% - Confira danificada , Inacessível mining, geomkt.
www.ncsoftware.com.br www.computerconsulting.com.br www.systemmarketing.com.br
Anúncios Goooooogle Anuncie neste site
Versão Simples Horário: 29 May 2006 - 07:57 PM
Invision Power Board v2.1.6 © 2006 IPS, Inc.

Licensed to: iMasters

Imasters Fóruns - Ajax em PHP - Página 1

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Imasters Fóruns - Ajax em PHP - Página 1

Enviado por

Direitos autorais:

Formatos disponíveis

Ajax - iMasters Fóruns Página 1 de 23

iMasters Fóruns » Programação » PHP » Cursos

Ajax, o novo mundo client-server Opções

e ae galera, meu 2 tutorial por aki

agora ja temos a funcao de inicializacao (oia q legal!)

os headers iniciais, em base querem dizer: "NAO USE O CACHE DO BROWSER!!!"

vo dexa a descricao dos objetos abaixo (peguei no PHPBrasil):

open("metodo", "URL"[, asyncFlag[, "userName"[, "password"]]]):

Informativo sobre WWC 2.0: http://200.199.74.253/site/pessoal/wilker/wwcinfo.php

Wilker May 27 2005, 07:27 AM

var ajaxUC = ajaxInit(); //inicia a variavel ajax para uso e UserCount

ajaxUC.open("GET", "usersCount.php", true);

setTimeout("contaUsuarios('" + spanID + "')", 2000); //reexecutar a funcao apos 2

agora que temos os scripts prontos, vamos usa-los

flw, espero q tenham curtido o tuto

Informativo sobre WWC 2.0: http://200.199.74.253/site/pessoal/wilker/wwcinfo.php

Caro Wiler, sane algumas dúvidas por favor.

Não compreendi bem a parte em negrito.

Pensei em algo tipo assim:

faça a consulta ao DB, e se encontrar algo no DB rode este código:

Conheça alguns bons tutoriais sobre assunto.

eh o seguinte kra, o ajax.responseText eh o texto q o ajax recebeu ao fazer a consulta

mysql_connect("xx", "xx", "xx");

Grupo: Membros $valor = $_GET["valor"];

espero q tenha conseguido entender, qq duvida volta a postar

Informativo sobre WWC 2.0: http://200.199.74.253/site/pessoal/wilker/wwcinfo.php

Cara não estou conseguindo, não sei onde estou errando.

Mas o início é assim mesmo, errando até aprender.

Grupo: Membros <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<div id="msg"><p>Ufa! funfou o Ajax</p></div>

<form id="cadastro" method="get" action="">

O arquivo: inicia_ajax.js é o criado por você.

header("Expires: {$gmtDate} GMT");

mysql_connect("localhost", "root", "");

$query = mysql_query("select * from contatos where email = '$valor'");

Por enquanto, obrigado.

achei seu erro kra =P

eh bem simples, esta na linha:

troque ela por:

Registrado: 25 Aug 2004

Informativo sobre WWC 2.0: http://200.199.74.253/site/pessoal/wilker/wwcinfo.php

Cara infelizmente não deu certo.

Acho que o erro está ocorrendo da seguinte forma:

<form id="cadastro" method="get" action="">

Wilker Jun 28 2005, 12:14 AM Post #9

eu soh fiz trocar o nome da variavel, testa ai (tb coloquei o .style.display)

Informativo sobre WWC 2.0: http://200.199.74.253/site/pessoal/wilker/wwcinfo.php

Alterei conforme dito e nada, não estou compreendo tá complicado, rs...

Informativo sobre WWC 2.0: http://200.199.74.253/site/pessoal/wilker/wwcinfo.php

Cara desculpe a demora,

mas vou postar os códigos agora como estão atualmente.

<div id="msg"><p>Ufa! funfou o Ajax</p></div>

<form id="cadastro" method="get" action="">

header("Expires: {$gmtDate} GMT");

mysql_connect("localhost", "root", "");

$query = mysql_query("select * from contatos where email = '$valor'");

SQL da tabela no DB.

INSERT INTO `contatos` VALUES (6, 'Pinho', 'leandro@plugsites.net');

INSERT INTO `contatos` VALUES (5, 'Vieira', 'leandro@dwmx.com.br');

Ufa, pronto, vou tentando aqui também.

como eh q eu n vi isso antes... kra... vc esqueceu de usar um comando do ajax...

pode ver pelo meu tutorial, ta faltando esse comando ai no seu...

agora eu tenho 95% de certeza q isso vai funcionar