02 Janeiro 2006
Tutorial prototype -> Ajax.Request
<HTML>
<HEAD>
<TITLE>Exemplo Ajax</TITLE>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<script type="text/javascript" src=" prototype.js"></script>
<script type="text/javascript">
function AbreAjax(){
//URL com a página que será chamado
var url = "http://www.lolados.com/ajax/exemplos/capitais.php ";
//parametros da URL (utilizando o serialize)
var pars = Form.serialize("frmEstado" );
Form.disable("frmEstado");
//Chamando metódo Ajax.Request()
var myAjax = new Ajax.Request( url, {method: 'post',
parameters: pars,
onComplete: MostraCapital,
onSuccess: Sucesso,
onFailure: ComErro} );
}
//função que trata erros
function ComErro(or1){
alert("Houve um erro na solicitação das informações." );
Form.enable("frmEstado");
}
function Sucesso(or1){
$("Sucesso").innerHTML = "Informações carregadas com sucesso." ;
setTimeout("$('Sucesso').innerHTML = ''",2000);
Form.enable("frmEstado");
}
//função que é chamada ao final do carregamento da página
function MostraCapital(or1){
if (or1.responseText != "")
//Pega o retorno da Solicitação e preenche a div
$("Capital").innerHTML = "A capital de "
+ $F("estado") + " é " + or1.responseText ;
else
$("Capital").innerHTML = "";
Form.enable("frmEstado");
}
</script>
</HEAD>
<BODY>
<h2>Consulta Capital</h2>
<form name="frmEstado" id="frmEstado">
<div id="Capital" style="font-weight:bold;color:red;"></div>
Estado: <input type="text" name="estado" id="estado" size="2" maxlength="2" /><br />
<input type="button" value="Solicitar Estado"onclick="AbreAjax()" />
<div id="Sucesso" style="font-weight:bold;color:navy;"></div>
</form>
</BODY>
</HTML>
Eu estou começando a engatinhar em Ajax e só programo em ASP.
Tem como você desenvolver um exemplo do Serialize onde eu realize o cadastro de um registro sem ter que dar refresh?
Muito Obrigado,
Antonio de Alexandre
<< Início
Assinar Postagens [Atom]