Your SlideShare is downloading. ×
0
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Curso ExtJS 4 - Aula 23: Data Package: JsonP Proxy

3,997

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,997
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
85
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Curso Ext JS 4Data Package: JsonP Proxy
  • 2. Agenda• Introdução à JsonP• JsonP Proxy com Reader• Problemas com Writer• Exemplo prático
  • 3. Requisitos
  • 4. Ext JS 4 SDK Servidor (Apache) Editor de TextoBrowser (Firefox c/ Firebug ou Chrome) PHP + MySQL (ou outra linguagem) Domínio Diferente
  • 5. O que é JsonP?
  • 6. http://json-p.org/
  • 7. http://json-p.org/Cross-Domain Ajax
  • 8. http://json-p.org/ Cross-Domain AjaxSame-origin policy - browsers
  • 9. Como Funciona no Ext?
  • 10. Envia<scriptsrc="http://domainB.com/users?callback=someCallback"></script>
  • 11. RecebesomeCallback({ contatos: [ { id: 1, nome: "Loiane Groner", email: "contato@loiane.com" } ]});
  • 12. RecebesomeCallback({ contatos: [ { id: 1, nome: "Loiane Groner", email: "contato@loiane.com" } ]});
  • 13. Recebe Função Javascript com retorno JSONsomeCallback({ contatos: [ { id: 1, nome: "Loiane Groner", email: "contato@loiane.com" } ]});
  • 14. Mas... e XML?
  • 15. Faz sentido?<script type="text/javascript">someCallback({ <contatos> <id>1</id> <nome>Loiane</nome> <email>contato@loiane.com</email> <contatos>});</script>
  • 16. Faz sentido?<script type="text/javascript">someCallback({ <contatos> <id>1</id> <nome>Loiane</nome> <email>contato@loiane.com</email> <contatos>});</script> Vai compilar?
  • 17. Faz sentido?<script type="text/javascript">someCallback({ <contatos> <id>1</id> <nome>Loiane</nome> <email>contato@loiane.com</email> <contatos>});</script> Vai compilar? NÃO!
  • 18. Vamos voltar...Mais um problema
  • 19. Envia<scriptsrc="http://domainB.com/users?callback=someCallback"></script>
  • 20. Envia<scriptsrc="http://domainB.com/users?callback=someCallback"></script>
  • 21. Envia<scriptsrc="http://domainB.com/users?callback=someCallback"></script> REQUEST_METODO == GET
  • 22. e POST, PUT,DELETE?
  • 23. Sorry,Não foi criado para isso!
  • 24. Objetivo é buscar dados em outro domínio
  • 25. Show me the code!
  • 26. Código Fonte da Aulahttps://github.com/loiane/curso- extjs4
  • 27. Link do Curso com todas as aulas publicadashttp://www.loiane.com/2011/11/curso-de-extjs-4- gratuito/
  • 28. http://amzn.com/1849516669http://www.packtpub.com/extjs-4-first-look/book
  • 29. contato = { email: ‘curso@extjs4.com’, blog: ‘loiane.com’, facebook: ‘facebook.com/loianegroner’, twitter: ‘@loiane’, github: ‘loiane’, vimeo: ‘loiane’, youtube: ‘loianeg’ }
  • 30. Obrigada!

×