SlideShare una empresa de Scribd logo
1 de 13
Tarcísio Silva 
Coordenador de Desenvolvimento - Prefeitura do Rio de Janeiro
O que 
é
É a reunião de várias tecnologias, formando uma 
metodologia de desenvolvimento
E agora?
Código mais Limpo. 
ajax.open("GET", "livro.php?isbn="+isbn, true); 
ajax.onreadystatechange = function() { 
{{enquanto estiver processando...emite a msg de carregando }} 
I 
f(ajax.readyState == 1) { 
mensagem( "Carregando...!" ); 
}
Quando seu chefe pede para fazer 
um recurso para auto preenchimento sem aparecer nada 
na barra de endereço. 
Você diz: Ferrou , e Agora quem vai me Salvar 
$("#unidade").change(function () { 
var str = ""; 
$("#unidade option:selected").each(function () { 
str += $(this).data('cnes') + " "; }); 
$("input[name=soli]").val(str); }) 
.change();
Quero esse Recurso 
melhor !!! 
Ajax deixa os 
seus recursos 
mais atraentes
Enriquecendo seu sistema 
Interagindo com dados através do 
$.post('include/update-cancelar-ambulancia.php', 
{id:id,data:data,hora_hoje:hora_hoje,cpf_usuario:cpf_usuario, 
confirm_cancel:confirm_cancel,justificativa_cancel:justificativa_cancel}, 
function(pega){complete:$("#mostra_retorno").html(pega);});
10 
9 
8 
7 
6 
5 
4 
3 
2 
1 
0 
Ajax Clássico
Trabalhando com Bibliotecas 
jQuery.ajax() jQuery.ajaxPrefilter() 
.ajaxComplete() 
.ajaxSend() 
jQuery.getJSON() 
jQuery.param() 
jQuery.post()
@tarcisio_s_a 
fb.com/taarcisiosilva 
prtarcisiosilva

Más contenido relacionado

Similar a Palestra Interações Ricas com Ajax ( #FrontInterior)

Análise do problema do caixeiro viajante - ERAD 2008
Análise do problema do caixeiro viajante - ERAD 2008Análise do problema do caixeiro viajante - ERAD 2008
Análise do problema do caixeiro viajante - ERAD 2008
Jerônimo Medina Madruga
 

Similar a Palestra Interações Ricas com Ajax ( #FrontInterior) (20)

Artigoajax
ArtigoajaxArtigoajax
Artigoajax
 
Evolução e futuro do uso de paradigmas no JavaScript
Evolução e futuro do uso de paradigmas no JavaScriptEvolução e futuro do uso de paradigmas no JavaScript
Evolução e futuro do uso de paradigmas no JavaScript
 
jQuery - Visão Geral
jQuery - Visão GeraljQuery - Visão Geral
jQuery - Visão Geral
 
Persistência de Dados no SQLite com Room
Persistência de Dados no SQLite com RoomPersistência de Dados no SQLite com Room
Persistência de Dados no SQLite com Room
 
App scala
App scalaApp scala
App scala
 
Criando plugins jQuery
Criando plugins jQueryCriando plugins jQuery
Criando plugins jQuery
 
JQuery
JQuery JQuery
JQuery
 
Threads tasks e o tal do thread pool
Threads tasks e o tal do thread poolThreads tasks e o tal do thread pool
Threads tasks e o tal do thread pool
 
JQuery Alagoinhas Dev Day - UNEB
JQuery Alagoinhas Dev Day - UNEBJQuery Alagoinhas Dev Day - UNEB
JQuery Alagoinhas Dev Day - UNEB
 
Precisamos falar sobre MERN stack
Precisamos falar sobre MERN stackPrecisamos falar sobre MERN stack
Precisamos falar sobre MERN stack
 
Backbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectadosBackbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectados
 
DevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webappsDevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webapps
 
Ajax em java
Ajax em javaAjax em java
Ajax em java
 
Javaone Brazil 2012: Integrando Ext JS 4 com Java EE
Javaone Brazil 2012: Integrando Ext JS 4 com Java EEJavaone Brazil 2012: Integrando Ext JS 4 com Java EE
Javaone Brazil 2012: Integrando Ext JS 4 com Java EE
 
Programação Desktop: Revisão Core Java
Programação Desktop: Revisão Core JavaProgramação Desktop: Revisão Core Java
Programação Desktop: Revisão Core Java
 
DDD > Experiências
DDD > ExperiênciasDDD > Experiências
DDD > Experiências
 
Programação Reativa e Funcional e extensões para PHP
Programação Reativa e Funcional e extensões para PHPProgramação Reativa e Funcional e extensões para PHP
Programação Reativa e Funcional e extensões para PHP
 
Análise do problema do caixeiro viajante - ERAD 2008
Análise do problema do caixeiro viajante - ERAD 2008Análise do problema do caixeiro viajante - ERAD 2008
Análise do problema do caixeiro viajante - ERAD 2008
 
Tornando as coisas mais simples com Azure Functions e Node.JS
Tornando as coisas mais simples com Azure Functions e Node.JSTornando as coisas mais simples com Azure Functions e Node.JS
Tornando as coisas mais simples com Azure Functions e Node.JS
 
Evento Front End SP - Organizando o Javascript
 Evento Front End SP - Organizando o Javascript Evento Front End SP - Organizando o Javascript
Evento Front End SP - Organizando o Javascript
 

Último

Último (8)

Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 

Palestra Interações Ricas com Ajax ( #FrontInterior)

  • 1.
  • 2. Tarcísio Silva Coordenador de Desenvolvimento - Prefeitura do Rio de Janeiro
  • 4. É a reunião de várias tecnologias, formando uma metodologia de desenvolvimento
  • 6. Código mais Limpo. ajax.open("GET", "livro.php?isbn="+isbn, true); ajax.onreadystatechange = function() { {{enquanto estiver processando...emite a msg de carregando }} I f(ajax.readyState == 1) { mensagem( "Carregando...!" ); }
  • 7. Quando seu chefe pede para fazer um recurso para auto preenchimento sem aparecer nada na barra de endereço. Você diz: Ferrou , e Agora quem vai me Salvar $("#unidade").change(function () { var str = ""; $("#unidade option:selected").each(function () { str += $(this).data('cnes') + " "; }); $("input[name=soli]").val(str); }) .change();
  • 8. Quero esse Recurso melhor !!! Ajax deixa os seus recursos mais atraentes
  • 9. Enriquecendo seu sistema Interagindo com dados através do $.post('include/update-cancelar-ambulancia.php', {id:id,data:data,hora_hoje:hora_hoje,cpf_usuario:cpf_usuario, confirm_cancel:confirm_cancel,justificativa_cancel:justificativa_cancel}, function(pega){complete:$("#mostra_retorno").html(pega);});
  • 10. 10 9 8 7 6 5 4 3 2 1 0 Ajax Clássico
  • 11.
  • 12. Trabalhando com Bibliotecas jQuery.ajax() jQuery.ajaxPrefilter() .ajaxComplete() .ajaxSend() jQuery.getJSON() jQuery.param() jQuery.post()