SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

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

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 JavaScriptJean Carlo Emer
 
jQuery - Visão Geral
jQuery - Visão GeraljQuery - Visão Geral
jQuery - Visão GeralKaio Valente
 
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 RoomNelson Glauber Leal
 
Criando plugins jQuery
Criando plugins jQueryCriando plugins jQuery
Criando plugins jQueryRicardo Coelho
 
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 poolFabrício Rissetto
 
JQuery Alagoinhas Dev Day - UNEB
JQuery Alagoinhas Dev Day - UNEBJQuery Alagoinhas Dev Day - UNEB
JQuery Alagoinhas Dev Day - UNEBLuciano Borges
 
Precisamos falar sobre MERN stack
Precisamos falar sobre MERN stackPrecisamos falar sobre MERN stack
Precisamos falar sobre MERN stackSidney Roberto
 
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 conectadosHenrique Gogó
 
DevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webappsDevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webappsSuissa
 
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 EELoiane Groner
 
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 JavaElaine Cecília Gatto
 
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 PHPJuliana Chahoud
 
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 2008Jerônimo Medina Madruga
 
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.JSMatheus Donizete
 
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 JavascriptMichel Ribeiro
 

Similaire à 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
 

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()