palestra interações ricas com ajax ( #frontinterior)

13
Interações Ricas Com

Upload: tarcisio-silva

Post on 04-Jun-2015

151 views

Category:

Technology


1 download

DESCRIPTION

essa Talk falei sobre como utilizar o Ajax de uma forma profissional

TRANSCRIPT

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

Interações Ricas Com

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

Tarcísio Silva

Coordenador de Desenvolvimento - Prefeitura do Rio de Janeiro

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

O que é

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

É a reunião de várias tecnologias, formando uma metodologia de desenvolvimento

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

E agora?

utilizar?

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

Código mais Limpo.ajax.open("GET", "livro.php?isbn="+isbn, true); ajax.onreadystatechange = function() {

{{enquanto estiver processando...emite a msg de carregando }}If(ajax.readyState == 1) {mensagem( "Carregando...!" ); }

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

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

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

Quero esse Recurso melhor !!!

Ajax deixa os seus recursos mais atraentes

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

Enriquecendo seu sistemaInteragindo 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);});

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

Performance

Se-ries1

0123456789

10Ajax Clássico

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

Deixando o seu sistema com mais interatividade e beleza

Trabalhando com Validação

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

Trabalhando com Bibliotecas

.ajaxComplete()

.ajaxSend()

jQuery.ajax() jQuery.ajaxPrefilter()

jQuery.getJSON()

jQuery.param()

jQuery.post()

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

@tarcisio_s_afb.com/taarcisiosilva

prtarcisiosilva