[Curso de ExtJS 4] Aula 23: Data Package: JsonP Proxy
Vídeo/Screencast de hoje: aula 23 do curso gratuito de Ext JS 4!
Na aula de hoje vamos aprender como usar o JsonP Proxy. Vamos usar o mesmo exemplo da aula passada e vamos transformá-lo em JsonP. Vamos ver que o código do ExtJS não vai mudar muito, as mudanças maiores estão no server side – utilizamos PHP + MySQL.
O audio da aula ficou com alguns ruídos, mas nada que atrapalhe o entendimento do conteúdo.
Quem quiser ver todas as aulas já publicadas, é só clicar aqui.
Espero que gostem dessa aula e fico no aguardo do feedback de vocês! ![icon smile [Curso de ExtJS 4] Aula 23: Data Package: JsonP Proxy](http://www.loiane.com/wp-includes/images/smilies/icon_smile.gif "[Curso de ExtJS 4] Aula 23: Data Package: JsonP Proxy"){kind=icon}
Requerimentos:
- Ext JS 4 SDK
- Servidor Apache.
- Editor de Texto (qualquer um de sua preferência). No vídeo usei o Sublime Text 2 (tem pra Mac OS, Windows e Linux – a versão shareware não expira!)
- Browser (de preferência Firefox com Firebug ou Chrome).
- Php + MySQL (ou outra linguagem e banco de dados de sua preferência)
- Domínio diferente para fazer deploy do código server
Vídeo:
Vimeo: http://vimeo.com/loiane/curso-extjs4-aula23
YouTube: http://youtu.be/VpRcRzFBh_c
Código: https://github.com/loiane/curso-extjs4
Slides:
Até a próxima aula!
Comments (26)
Links to this Post
- Curso de ExtJS 4 - Gratuito! | Loiane Groner | 05/04/2012
Oi Loiane,
Sou o programador php + javascript e acompanho seu site já faz um tempo, estou te enviando este e-mail
por que estou precisando de uma ajuda com JAVA + MYSQL + MAMP no Mac
OS Lion.
Queria saber se tem como voce me passar umas dicas de como fazer uma
conexao com banco MYSQL utilizando o NetBeans 7.1 RC2 no Mac OS, por que vou usar Java EE nas minhas aplicações ExtJS.
Oi Loiane,
Sou o programador php + javascript e acompanho seu site já faz um tempo, estou te enviando este post
por que estou precisando de uma ajuda com JAVA + MYSQL + MAMP no Mac
OS Lion.
Queria saber se tem como voce me passar umas dicas de como fazer uma
conexao com banco MYSQL utilizando o NetBeans 7.1 RC2 no Mac OS, por que vou usar Java EE nas minhas aplicações ExtJS.
Oi Loiane, parabéns mais uma vez. Uma dúvida, é destry ou destroy neste exemplo?
é destroy Beto.
blz valeu, ahh tem alguns comentários que fiz em outros posts seus….valeu
Oi!
Se você perceber no vídeo, você conseguiu deletar o registro com o Ext JS mesmo a API estando configurada como “destry”, e não “destroy”.
Como foi possível isso?
Olá Héliton,
Devo ter editado essa parte do vídeo que mostro acertando esse erro.
Foi mals.
Eu notei a mesma coisa Héliton Nordt, como foi possível?
será que o chrome tentou resolver?
Muito bom o estudo. Agradeço a disponibilidade de compartilhar seu conhecimento. abraço e benção sobre sua vida.
Olá Loiane,
Acompanho todas as suas vídeo-aulas de ExtJS e, mal termino de ver a primeira, fico ansioso pela próxima, rsrsrs…
Sempre gosto de ver seus vídeos pelo YouTube, mas o vídeo desta aula deve estar com algum problema. Aparece a mensagem “Este vídeo foi removido pelo usuário.”
Parabéns pelo trabalho realizado !!!
Olá Alex, link corrigido!
Ola Loiane, primeiramente gostaria de te dar os parabéns pela iniciativa, e o que chamou atenção em suas aulas é que sua didática é excelente, enquanto ao curso de ExtJs 4. tem alguma previsão de postagem de das aulas que faltam?
Parabéns pelo trabalho!
Olá Loiane,
Acompanhei todas as suas vídeo-aulas de ExtJS e agora estou ansioso pela próxima, rsrsrs…
Oi Loiane
Primeiro parabens pelo otimo Curso, sem demagogia sua didatica é fantastica ja vi todos os seus posts de ExtJs e estou ansioso esperando pelos proximos principalmente pelos posts de componentes, posta mais videos ai menina pq vc é nota 10³³³
Loiane… já vi todos as aulas e ela estão me auxiliando muito! Obrigada.
[]s…
Porém como sou iniciante em programação to apanhando um pouco pois programo em java eu entendo que a lógica é a mesma mas me enrosco um pouco com o java também hehehe…
Se você tiver exemplos que possa me enviar com Java. No projeto e que trabalho, estamos utilizando Vraptor, hibernate, “jsp” e extJs4.
Outra dúvida, sabe a estrutura da MVC, usando as pastas da app (controller, model, store e view), vc vai fazer exemplos usando elas nesta estrutura. Nossa isso me auxiliaria muito.
Obrigada
Olá Mahh,
Tenho um exemplo feito com Java-Spring no server side: https://github.com/loiane/ext4-crud-mvc
Quanto ao MVC, vou falar mais no meio do curso.
[]‘s
Olá Loiane,
Parabéns pelo seu material, gostei muito da sua didática. Foi graças ao seu curso grátis de ExtJs que consegui migrar do Delphi para este maravilhoso Framework. Procurei pelo seu livro na NET mas só encontrei na versão INGLÊS, gostaria de saber se existe em PORTUGUÊS e qual a forma de adquiri-lo. Parabéns novamente e desejo sucesso.
Olá Bruno,
Obrigada!
Por enquanto não vai ter tradução do livro.
[]‘s
Olá Loiane,
Mais uma vez, parabéns pelos cursos oferecidos. Realmente são de uma ótima didática e bem objetivos.
Assim como os colegas acima, estou na expectativa do conteúdo dos outros cursos. Existe alguma previsão para os próximos cursos ?
Loiane,
gostaria que você me explicasse. Caso eu esteja desenvolvendo uma aplicação mobile qual é a forma indicada para persistir estes dados em um servidor remoto, já que como você explicou, não recomenda usar JSONP para isso.
Dê uma olhada em CORS.
[]‘s
Loiane,
Parabéns pelas aulas!
Nesta, porém, algo aconteceu de errado, pois o meu header (request) está indo completamente diferente (sem os &). As query strings estão corretas, mas os dados não são enviados.
Alguma ideia?
Um abraço,
Alexandre Bonfá
Loiane,
Parabéns pelas aulas!
Nesta, porém, algo aconteceu de errado, pois o meu header (request) está indo completamente diferente (sem os &). As query strings estão corretas, mas os dados não são enviados.
Alguma ideia?
Um abraço,
Alexandre Bonfá
Oi Alexandre,
Essa aula já tem um tempinho! A versão do extjs já é bem antiga!
[]‘s
Loiane,
Welcome back!
Quanto ao meu post anterior, consegui resolver e posto aqui para caso alguém tenha passado pelo mesmo problema.
Eu percebi que a URL enviada pelo ExtJS não estava enviando todos os parâmetros como Query Parameters, mas sim, somente o callback e outro chamado records (com um Json codificado). Tive que refazer os códigos PHP para funcionar.
Segue aqui, as alterações processadas no arquivo de UPDATE:
- $nome = $_REQUEST['contatos->nome'];
- $email = $_REQUEST['contatos->email'];
- $records = parse_str($_REQUEST['records'], $array);
- $id = $array['id'];
-
+ $obj = json_decode($_REQUEST['records']);
+ $nome = $obj->{‘nome’};
+ $email = $obj->{‘email’};
+ $id = $obj->{‘id’};
Os arquivos de CREATE e DELETE seguem a mesma linha.
Fique à vontade para baixar os arquivos do meu Github (alebonfa/Argel).
Isso foi alguma alteração na forma como o ExtJS cria a URL?
Um grande abraço,
Alexandre Bonfá