em php+ajax
boa noite amigos, achei um exemplo na internet de um cadastro com ajax, só que o seguinte, as primeiras variáveis do
form, anuário e endereço sao impressas se eu der um echo. mas já da terceira para baixo nao aparece nada. será que
alguém poderia me dar uma luz?
valew
index.php
CODE
<html>
<head>
<title>Teste</title>
<script>
function verificacampos()
{
var anuario = document.getElementById("anuario").value;
var endereco = document.getElementById("endereco").value;
var cidade = document.getElementById("cidade").value;
if (anuario == "" || endereco == "" || cidade == "")
{
alert('É necessário digitar os campos anuario, endereco e cidade corretamente');
return false;
}
else
{
salvar()
}
}
//esta é a função Ajax. Sem ela, nada acontece.
function openAjax() {
var ajax;
try{
ajax = new XMLHttpRequest(); // XMLHttpRequest para Firefox, Safari, dentre outros.
}catch(ee){
try{
ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o Internet Explorer
}catch(e){
try{
ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o Internet Explorer
}catch(E){
ajax = false;
}
}
}
return ajax;
}
function salvar()
{
var anuario = document.getElementById('anuario').value; //Note que as variáveis são resgatadas pela função getElementById.
var endereco = document.getElementById('endereco').value;
var cidade = document.getElementById('cidade').value;
var telefone = document.getElementById('telefone').value;
var cidade = document.getElementById('email').value;
var telefone = document.getElementById('telefone2').value;
//var login = document.getElementById('login').value;
//var senha = document.getElementById('senha').value;
var exibeResultado = document.getElementById('exibeResultado');
// + "&telefone=" + telefone +"&login=" + login + "&senha="+ senha
var ajax = openAjax(); // Inicia o Ajax.
ajax.open("GET", "index2.php?anuario=" + anuario +"&endereco=" + endereco + "&cidade=" + cidade + "&telefone=" + telefone + "&telefone2=" + telefone2 + "&email=" + email, true); // Envia o termo da busca como uma querystring, nos possibilitando o filtro na busca.
ajax.onreadystatechange = function()
{
if(ajax.readyState == 1) // Quando estiver carregando, exibe: carregando...
{
exibeResultado.innerHTML = "Cadastrando...";
}
if(ajax.readyState == 4) // Quando estiver tudo pronto.
{
if(ajax.status == 200)
{
var resultado = ajax.responseText;
exibeResultado.innerHTML = resultado;
}
else
{
exibeResultado.innerHTML = "Erro nas funções do Ajax";
}
}
}
ajax.send(null); // submete
document.getElementById("anuario").value= "";//limpa os campos
document.getElementById("endereco").value= "";
//document.getElementById("senha").value= "";
//document.getElementById("login").value= "";
document.getElementById("cidade").value= "";
document.getElementById("telefone").value= "";
document.getElementById("telefone2").value= "";
document.getElementById("email").value= "";
document.getElementById("anuario").setFocus=true;
}
</script>
<link rel="stylesheet" type="text/css" href="tabelacss.css"/>
</head>
<body topmargin="0" bottommargin="0" background="../../portal/images/home_principal/telaConteudo.png">
<table width="573" height="100%" border="0" align="right">
<tr>
<td rowspan="2" width="29"> </td>
<td height="25">Anuários - Inclusão </td>
<td rowspan="2" width="29"> </td>
</tr>
<tr>
<td valign="top">
<form name="formgrava" action="index2.php">
<table width="573%" border="0">
<tr>
<td align="right">anuario:</td><td><input name="anuario" type="text" id="anuario" size="50" maxlength="50"></td>
</tr>
<tr>
<td align="right">Endereço:</td><td><input name="endereco" type="text" id="endereco" size="50" maxlength="50"></td>
</tr>
<tr>
<td align="right">Cidade:</td><td><input name="cidade" type="text" id="cidade" size="50" maxlength="50"></td>
</tr>
<tr>
<td align="left">
<td>
</tr>
<tr>
<td align="left">
<td>
</tr>
<tr>
<td align="left"><div align="right">Telefone: </div>
<td><input name="telefone" type="text" id="telefone" size="10" maxlength="10">
</tr>
<tr>
<td align="left"> <div align="right">Telefone2:</div>
<td><input name="telefone2" type="text" id="telefone2" size="10" maxlength="10">
</tr>
<tr>
<td align="left"> <div align="right">Email:</div>
<td><input name="email" type="text" id="email" size="50" maxlength="50"> </tr>
<tr>
<td align="left">
<td>
</tr>
<tr>
<td align="left">
<td>
</tr>
<tr>
<td align="left">
<td><input type="button" size="30" name="gravar" id="gravar" value="Gravar" onClick="verificacampos()">
<input type="button" size="30" name="cancelar" value="Cancelar">
</tr>
<tr>
<td align="left"><td><font color="lightgray">Status: </font>
<div id="exibeResultado" align="center"><font color="lightgray">Em espera</font></div>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
index2.php
CODE
<?
include "conexao.php";
$con = new conexao();
$con->conecta();
$login = $_GET['anuario'];
$endereco = $_GET['endereco'];
$cidade = $_GET['cidade'];
$telefone = $_GET['telefone'];
$telefone2 = $_GET['telefone2'];
$email = $_GET['email'];
echo $cidade;
/*
$sql = "INSERT into clientes(nome_cliente,senha) VALUES ('$login','$senha1')";
$query = mysql_query($sql) or die(mysql_error());
$row = mysql_affected_rows();
if($row != 0)
echo "cadastro ok";
*/
$con->desconecta();
?>
abraço
Discussão (1)
Carregando comentários...