AJAX COM JQUERY MTODOS $.GET, $.POST E $.

.AJAX 3 respostas INTRODUO Para comear este artigo vou esclarecer alguns aspectos com relao a diferena entre os mtodos GET e POST. Uma requisio GET utiliza a prpria URL para enviar os parmetros. Este tipo de requisio possui prs e contras, os pontos positivos so o fato de voc sempre ter em mos, o ende reo que retorna o valor desejado, os contras so, a falta de segurana, tamanho limit ado da requisio, entre outros.

Uma requisio POST no envia os parmetros jutamente com a URL, isso faz com que possa ser enviado quaisquer tipos de dados e tambm com um tamanho muito maior, este tip o de requisio mais seguro. $.GET [code lang="js"] $.get('pesquisaCep.php', { cep: $('#cep').val()+""}, function(retorno){ //Tratamento dos dados de retorno }, "html" ); [/code] Anlise do cdigo Na linha 1 passada a URL que processar a requisio Na linha 2 passamos os parmetros da requisio, neste caso o CEP, $(#cep).val() retorno a varivel que guardara a resposta de nossa requisio Na linha 5 determinamos o tipo do retorno que pode ser xml, html, script, json, jsonp ou text. $.POST [code lang="js"] $.post('salvaProduto.php', { nome: $('#nome').val()+""}, grupo: $('#grupo').val()+""}, foto: $('#foto').val()+""}, function(retorno){ //Tratamento dos dados de retorno }, "html" ); [/code] Anlise do cdigo

Na linha 1 passada a URL que processar a requisio Nas linhas 2,3,4 passamos os parmetros da requisio, neste caso o CEP, nome,grupo,fo to retorno a varivel que guardara a resposta de nossa requisio Na linha 8 determinamos o tipo do retorno que pode ser xml, html, script, json, jsonp ou text. $.AJAX [code lang="js"] $.ajax({ method: "get", url: "pesquisaCep.php", data: "cep=" + $('#cep').val(), beforeSend: function(){ $("#carregando").show("fast"); }, complete: function(){ $("#carregando").hide("slow"); }, success: function(retorno){ $("#retorno").html(retorno); } }); [/code] Anlise do cdigo Na linha 2 determinado o mtodo da requisio Na linha 3 a URL da requisio foi determinada Na linha 4 determinamos os parmetros que foram passados pela URL, j que se trata d e uma requisio GET Na linha 5 traz o mtodo beforeSend , ou seja, antes de enviar a requisio ele ir exec utar o $("#carregando").show("fast"), que ir aparecer com o elemento #carregando. Na linha 8 traz o mtodo complete , ou seja, depois de completa requisio ele ir execu tar o $("#carregando").hide("slow"), que ir desaparecer com o elemento #carregand o. Na linha 11 traz o mtodo success, ou seja, se a requisio obter sucesso ele ir execut ar o $("#retorno").html(retorno), que atribuir o retorno ao elemento #retorno. ASSINE NOSSAS ATUALIZAES E RECEBA UM EBOOK SOBRE SEO GRTIS! Mais de 1200 pessoas j assinaram nossa NEWSLETTER, inteiramente GRTIS, e aprendem todos os dias como criar e melhorar seus blogs e sites. Assine tambm e receba o e book sobre como colocar seu Blog no topo do GOOGLE, apenas coloque seu nome e em ail nas caixas abaixo e clique em DOWNLOAD GRTIS. CONCLUSO Quando o programador decide usar o mtodo $.ajax, o mesmo ir ter muito mais control e sobre a requisio. Como pde ser observado no exemplo anterior, antes e depois que a requisio foi feita respostas visuais ao usurio foram dadas, isso torna a aplicao ma is rica e dinmica.