Conciex 2012 – Ajax com jQueryCONCIEX 2012Ajax com jQuery
Conciex 2012 – Ajax com jQueryIntrodução Javascript e XML Assíncronos; Requisições ao Servidor feita pelo Javascript atr...
Conciex 2012 – Ajax com jQueryCaracterísticas Sem “Reload” de página; O sistema web se comporta como sistema Desktop  co...
Conciex 2012 – Ajax com jQueryRequisição Simples
Conciex 2012 – Ajax com jQueryRequisição AJAX
Conciex 2012 – Ajax com jQuery       Ajax Sem jQueryInicia o AJAX -> loadXMLDoc("arquivo.php");function loadXMLDoc(url){  ...
Conciex 2012 – Ajax com jQueryAjax com jQuery - $.post() e $.get() Importa a biblioteca jQuery:   <script type=„text/jav...
Conciex 2012 – Ajax com jQueryEm tempo de execuçãoO javascript executa a função $.POST() de formaassíncrona, ou seja, a ap...
Conciex 2012 – Ajax com jQueryAjax com jQuery – $.ajax() Importa a biblioteca jQuery:   <script type=„text/javascript‟ s...
Conciex 2012 – Ajax com jQueryExemplos Login via AJAX - Link   Download dos arquivos:    http://www.yuricosta.com/concie...
Conciex 2012 – Ajax com jQueryReferências      jQuery        Autor: Maurício Samy Silva        http://www.livroajaxjque...
Conciex 2012 – Ajax com jQuery               OBRIGADO!Yuri CostaHome: http://www.yuricosta.com(31) 8573-4585contato@yurico...
Próximos SlideShares
Carregando em…5
×

Conciex 2012

578 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
578
No SlideShare
0
A partir de incorporações
0
Número de incorporações
75
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Conciex 2012

  1. 1. Conciex 2012 – Ajax com jQueryCONCIEX 2012Ajax com jQuery
  2. 2. Conciex 2012 – Ajax com jQueryIntrodução Javascript e XML Assíncronos; Requisições ao Servidor feita pelo Javascript através do XML desenvolvido por Jessé James Garret utilizando XMLHttpRequest e XMLHttpResponse;
  3. 3. Conciex 2012 – Ajax com jQueryCaracterísticas Sem “Reload” de página; O sistema web se comporta como sistema Desktop conforme propõe a web 2.0; A interação do usuário com o sistema é flexível e contínua;
  4. 4. Conciex 2012 – Ajax com jQueryRequisição Simples
  5. 5. Conciex 2012 – Ajax com jQueryRequisição AJAX
  6. 6. Conciex 2012 – Ajax com jQuery Ajax Sem jQueryInicia o AJAX -> loadXMLDoc("arquivo.php");function loadXMLDoc(url){ req = null; function processReqChange(){ if (window.XMLHttpRequest) { if (req.readyState == 4) { req = new XMLHttpRequest(); if (req.status == 200) { req.onreadystatechange = processReqChange; //código de retorno do ajax req.open("GET", url, true); } else { req.send(null); (“Erro:n" + req.statusText); } } if (req) { } req.onreadystatechange = processReqChange; } req.open("GET", url, true); req.send(); } }
  7. 7. Conciex 2012 – Ajax com jQueryAjax com jQuery - $.post() e $.get() Importa a biblioteca jQuery:  <script type=„text/javascript‟ src = „jquery.js‟></script> Utiliza a função do jQuery:  Para requisição via POST:  $.post(„arquivo.php‟, {parametro1 : valor1, parametro2 : valor2}, function(data){ código de retorno });  Para requisição via GET:  $.get(„arquivo.php‟, {parametro1 : valor1, parametro2 : valor2}, function(data){ código de retorno });
  8. 8. Conciex 2012 – Ajax com jQueryEm tempo de execuçãoO javascript executa a função $.POST() de formaassíncrona, ou seja, a aplicação não espera o retorno dafunção para executar as demais linhas de comando.Para uma execução síncrona, ou seja, o javascript aguardar aresposta da função para executar as demais linhas decomando, basta usar a função $.AJAX().
  9. 9. Conciex 2012 – Ajax com jQueryAjax com jQuery – $.ajax() Importa a biblioteca jQuery:  <script type=„text/javascript‟ src = „jquery.js‟></script> Utiliza a função do jQuery:  $.ajax({ async: false, // execução da função type: post, // método da requisição data: campo=+campo, // parâmetro url:„arquivo.php, success: function(data){ // código de resposta da requisição } })
  10. 10. Conciex 2012 – Ajax com jQueryExemplos Login via AJAX - Link  Download dos arquivos: http://www.yuricosta.com/conciex2012/login.rar Execução Síncrono do AJAX – Link  Download dos arquivos: http://www.yuricosta.com/conciex2012/ajaxsinc.rar
  11. 11. Conciex 2012 – Ajax com jQueryReferências  jQuery  Autor: Maurício Samy Silva  http://www.livroajaxjquery.com.br/  Ajax com jQuery  Autor: Maurício Samy Silva  http://www.livroajaxjquery.com.br/
  12. 12. Conciex 2012 – Ajax com jQuery OBRIGADO!Yuri CostaHome: http://www.yuricosta.com(31) 8573-4585contato@yuricosta.com

×