AJAx+Form

[Amigo_zz 0]

Colegas,Como posso ter um formulario e enviar esse form atraves de ajax para um ficheiro asp, de modo a surgir de imediato por exemplo, por baixo do form REGISTO INSERIDO COM SUCESSO ?

[Salgado 4]

A principio faça da forma normal, com um arquivo que irá receber os dados do form e efetuar a gravação dos dados, nesse mesmo arquivo você coloca a mensagem que irá querer exibir (é bom que tenha uma mensagem também para caso de erro). Isso feito iremos preparar o JavaScript.

[Amigo_zz 0]

A principio faça da forma normal, com um arquivo que irá receber os dados do form e efetuar a gravação dos dados, nesse mesmo arquivo você coloca a mensagem que irá querer exibir (é bom que tenha uma mensagem também para caso de erro). Isso feito iremos preparar o JavaScript.

Obrigado Salgado.O registo na base de dados de uma forma normal ja esta feito.preciso é do resto...

[Salgado 4]

O código que "inicializa" o AJAX:

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;
}

Código para efetivar o envio dos dados:

function Cadastra {
Campo1 = document.getElementById("Campo1").value;
Campo2 = document.getElementById("Campo2").value;
document.getElementById("Div_que_ira_receber_o_retorno").innerHTML = '<font color="red">Carregando..</font>';
ajax = ajaxInit();
if(ajax) {
  ajax.open("GET", "PaginadeCadastro.asp?Campo1="+ Campo1 +"&Campo2="+ Campo2 +"", true);
  ajax.onreadystatechange = function() {
 if(ajax.readyState == 4) {
   if(ajax.status == 200) {
	 document.getElementById("Div_que_ira_receber_o_retorno").innerHTML = ajax.responseText;
   } else {
	 alert(ajax.statusText);
   }
 }
  }
  ajax.send(null);
}
}

E no OnSubmit de seu Form você deve chamar a função Cadastrar. E para cada campo você deve acrescentar na URL e uma var para receber o valor.

[Amigo_zz 0]

O código que "inicializa" o AJAX:

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;}

Código para efetivar o envio dos dados:

function Cadastra {Campo1 = document.getElementById("Campo1").value;Campo2 = document.getElementById("Campo2").value;document.getElementById("Div_que_ira_receber_o_retorno").innerHTML = '<font color="red">Carregando..</font>';ajax = ajaxInit();if(ajax) {   ajax.open("GET", "PaginadeCadastro.asp?Campo1="+ Campo1 +"&Campo2="+ Campo2 +"", true);   ajax.onreadystatechange = function() {	 if(ajax.readyState == 4) {	   if(ajax.status == 200) {		 document.getElementById("Div_que_ira_receber_o_retorno").innerHTML = ajax.responseText;	   } else {		 alert(ajax.statusText);	   }	 }   }   ajax.send(null);}}

E no OnSubmit de seu Form você deve chamar a função Cadastrar. E para cada campo você deve acrescentar na URL e uma var para receber o valor.

Salgado,Percebi e entendi! Obrigado. So uma curiosidade... e se em vez de utilizar o get, utilizasse o POST...como ficaria o JS?

[Salgado 4]

Percebi e entendi! Obrigado. So uma curiosidade... e se em vez de utilizar o get, utilizasse o POST...como ficaria o JS?

Dê uma olhada nesse Post dai é só adaptar.