Ext js - Simples requisição Ajax com PHP
Explicarei hoje sobre o framework Ext e passarei um simples exemplo de uma requisição ajax com php.
Ext é um 'poderoso' framework baseado em javascript,
excelente para criar aplicações client-side.
Trabalhei em um projeto com ele, criando gerenciadores de conteúdo de um portal corporativo.
Todo o design do formulario é aplicado por código,
quem é designer e programador não precisa se preocupar com detalhes css, etc...
O único problema que tive foi com um campo de data com datepicker,
de resto , o framework é excelente.
além de tudo, ainda dá suporte com o firebug no firefox! \o/
Exemplos simples no site Ext:
http://extjs.com/deploy/dev/examples/samples.html
bem, vamos ao codigo...
passo 1: Download
passo 2:form.html (inclua os scripts de acordo com o diretorio do seu framework Ext):
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all-debug.js"></script>
<!--só esse js e todos os componentes ext mudam para o idioma portugues-BR -->
<script type="text/javascript" type="text/javascript" src="source/locale/ext-lang-pt_BR.js"></script>
<div id="resposta"></div>
<form name="myform" id="myform" onsubmit="return doSubmit();">
Seu nome:<input type="text" name="nome" />
<input type="submit" value="go!" />
</form>
passo 3: ajax.js - sem mistériooo
function doSubmit(){
Ext.Ajax.request({
//onde enviarei meus dados
url : 'data.php' ,
//qual o form vou enviar os dados
form: 'myform',
//metodo
method: 'POST',
success: function ( result, request ) {
//atualiza a div resposta com o conteudo impresso pelo php Ext.get("resposta").update(result.responseText);
//mostra em um alert ext o conteudo impresso pelo php
Ext.MessageBox.alert('Successo', 'Retorno impresso pelo php: '+ result.responseText);
},
failure: function ( result, request) {
Ext.MessageBox.alert('Falha', 'ocorreu algum erro: '+ result.responseText);
}
});
//para a pagina nao dar submit
return false;
}
passo 4: data.php
<?
//apenas verifico se o nome está vazio e imprimo
if(isset($_POST['nome'])){
if(!empty($_POST['nome'])){
print "Seu nome é: {$_POST['nome']}";
}else{
print "Campo nome vazio";
}
}
?>
bom pessoal, espero ter ajudado!
qualquer dúvida estou a disposição!
abcs!
