Ajax Com Prototype Fernando Becker Prototype
•
0 gefällt mir•258 views
O documento explica como usar a biblioteca Prototype para fazer Ajax no JavaScript. Primeiro baixe e inclua o arquivo prototype.js na página e crie um arquivo PHP para carregar via Ajax. Em seguida, crie uma função JavaScript para fazer o carregamento via Ajax e adicione um botão para acionar essa função.
![Ajax com prototype - Fernando Becker - Prototype
ASSINE HOSPEDAGEM 0800 723 6000 SEGURANÇA REGISTRE SEU DOMÍNIO www. .com.br OK
● FÓRUNS
● BANCO DE CURRÍCULOS
● AGENDA DE EVENTOS
● SHOPPING
● BLOGS
● VEJA TODOS
LOGIN:
| Por uma internet mais criativa e dinâmica Feeds buscar
digite seu e-mail ENTRAR
outras opções
Permanecer logado
Esqueci minha senha
Criar uma Conta iMasters
Todos Matérias Notícias Podcast
● Canais ● Plantão de Notícias ● Multimídia ● Blogs ● Fóruns ● Feeds ● Banco de currículos ● Loja Virtual ● Eventos
● Colunistas
Prototype Newsletter de Prototype digite seu e-mail ok
Seções deste canal:AjaxJQuery
Segunda-feira, 20/04/2009 - 08:50 - Por Fernando Becker
Seções relacionadas: AjaxJavascriptPrototype Sobre o autor
ImprimirIndicarDigg itDel.icio.usTwitter2 comentários
http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (1 of 4) [04/07/2009 22:54:36]](https://image.slidesharecdn.com/ajaxcomprototypefernandobeckerprototype-12742429373835-phpapp01/85/ajax-com-prototype-fernando-becker-prototype-1-320.jpg)
![Ajax com prototype - Fernando Becker - Prototype
Fernando Becker já atuou em várias empresa
Ajax com prototype de desenvimento de softwares para internet e
atualmente trabalha para a Info-One, empresa
atuante no mercado de site de publicitários, E-
Para usar AJAX em nossos sites vamos utilizar uma biblioteca chamada "prototype", das que eu testei até hoje acho que essa (em sua commerce, Intranets, Vitrines virtuais e Extranets.
versão básica) tem a melhor performance. Para isto basta baixá-la e adicionar no seu código fonte da seguinte maneira. Confeciona video aulas de como desenvolver um site
desde a instalação dos programas até a implantação
do site em um servidor. Trabalha com diversas
<script src="prototype.js" language="javascript"></script> linguagens (Php, Java, Ruby on Rails e Flex).
Mantém o site http://www.fernandobecker.com.br
Obs.: Vamos supor que a biblioteca está na raiz do site.
download
Indique para um amigo
Agora teremos de criar outro arquivo com um conteúdo qualquer dentro. Importante: se tiver alguma requisição ao banco de
seu nome
dados, terá de ser feita uma nova conexão dentro desse arquivo, no caso de estar usando funções ou classes, basta instanciar.
nome do seu amigo
Depois do arquivo criado, temos de adicionar uma função java script para que posso "chamar" o novo arquivo.
e-mail do seu amigo
código ao lado
Escreva aqui sua
function chama_arquivo(){ mensagem! ok
new Ajax.Updater('destino', 'novo_arquivo.php', { method: 'get' });
}
Tags relacionadas
microsoft lançamento linux 3g windows
Ok, vamos esclarecer algumas coisas: "destino" é id aonde o novo_arquivo será carregado.
apple php desenvolvimento google ti
yahoo mobile brasil twitter internet celular
Agora só está faltando chamar a função javascript que irá chamar o ajax. Faremos isso no evento "onClick" da seguinte maneira.
publicidade mercado crescimento web
iphone youtube android tecnologia
<input type="button" onClick="chama_funcao();"/>
seguranca criação
Pronto vamos juntar todas as informações:
<html>
<head>
<script src="prototype.js" type="text/javascript"></script>
<script>
function chama_arquivo(){
new Ajax.Updater('destino', 'novo_arquivo.php', { method: 'get' });
}
</script>
</head>
<body>
<div id="destino">
</div>
<input type="button" onClick="chama_funcao();"/>
</body>
</html>
Produtos iMasters
Ao clicar no botão será carregado o novo_arquivo.php dentroda div "destino" sem recarregar toda a página.
Agora é só usar a imaginação! ● Lançamento: CD-ROM Treinamento Aplicado de SQL -
Lançamento! Treinamento Aplicado de
SQL - Aprenda a trabalhar com SQL com
http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (2 of 4) [04/07/2009 22:54:36]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Empfohlen
Weitere ähnliche Inhalte
Mehr von infinitopublicidade
Mehr von infinitopublicidade (8)
Ajax Com Prototype Fernando Becker Prototype
- 1. Ajax com prototype - Fernando Becker - Prototype ASSINE HOSPEDAGEM 0800 723 6000 SEGURANÇA REGISTRE SEU DOMÍNIO www. .com.br OK ● FÓRUNS ● BANCO DE CURRÍCULOS ● AGENDA DE EVENTOS ● SHOPPING ● BLOGS ● VEJA TODOS LOGIN: | Por uma internet mais criativa e dinâmica Feeds buscar digite seu e-mail ENTRAR outras opções Permanecer logado Esqueci minha senha Criar uma Conta iMasters Todos Matérias Notícias Podcast ● Canais ● Plantão de Notícias ● Multimídia ● Blogs ● Fóruns ● Feeds ● Banco de currículos ● Loja Virtual ● Eventos ● Colunistas Prototype Newsletter de Prototype digite seu e-mail ok Seções deste canal:AjaxJQuery Segunda-feira, 20/04/2009 - 08:50 - Por Fernando Becker Seções relacionadas: AjaxJavascriptPrototype Sobre o autor ImprimirIndicarDigg itDel.icio.usTwitter2 comentários http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (1 of 4) [04/07/2009 22:54:36]
- 2. Ajax com prototype - Fernando Becker - Prototype Fernando Becker já atuou em várias empresa Ajax com prototype de desenvimento de softwares para internet e atualmente trabalha para a Info-One, empresa atuante no mercado de site de publicitários, E- Para usar AJAX em nossos sites vamos utilizar uma biblioteca chamada "prototype", das que eu testei até hoje acho que essa (em sua commerce, Intranets, Vitrines virtuais e Extranets. versão básica) tem a melhor performance. Para isto basta baixá-la e adicionar no seu código fonte da seguinte maneira. Confeciona video aulas de como desenvolver um site desde a instalação dos programas até a implantação do site em um servidor. Trabalha com diversas <script src="prototype.js" language="javascript"></script> linguagens (Php, Java, Ruby on Rails e Flex). Mantém o site http://www.fernandobecker.com.br Obs.: Vamos supor que a biblioteca está na raiz do site. download Indique para um amigo Agora teremos de criar outro arquivo com um conteúdo qualquer dentro. Importante: se tiver alguma requisição ao banco de seu nome dados, terá de ser feita uma nova conexão dentro desse arquivo, no caso de estar usando funções ou classes, basta instanciar. nome do seu amigo Depois do arquivo criado, temos de adicionar uma função java script para que posso "chamar" o novo arquivo. e-mail do seu amigo código ao lado Escreva aqui sua function chama_arquivo(){ mensagem! ok new Ajax.Updater('destino', 'novo_arquivo.php', { method: 'get' }); } Tags relacionadas microsoft lançamento linux 3g windows Ok, vamos esclarecer algumas coisas: "destino" é id aonde o novo_arquivo será carregado. apple php desenvolvimento google ti yahoo mobile brasil twitter internet celular Agora só está faltando chamar a função javascript que irá chamar o ajax. Faremos isso no evento "onClick" da seguinte maneira. publicidade mercado crescimento web iphone youtube android tecnologia <input type="button" onClick="chama_funcao();"/> seguranca criação Pronto vamos juntar todas as informações: <html> <head> <script src="prototype.js" type="text/javascript"></script> <script> function chama_arquivo(){ new Ajax.Updater('destino', 'novo_arquivo.php', { method: 'get' }); } </script> </head> <body> <div id="destino"> </div> <input type="button" onClick="chama_funcao();"/> </body> </html> Produtos iMasters Ao clicar no botão será carregado o novo_arquivo.php dentroda div "destino" sem recarregar toda a página. Agora é só usar a imaginação! ● Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (2 of 4) [04/07/2009 22:54:36]
- 3. Ajax com prototype - Fernando Becker - Prototype Abraços e até a próxima. bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP. Todos os artigos de Fernando Becker ● Lançamento: Livro iMasters "O Encontro de 2 Mundos"- 20/04/2009 - Ajax com prototype Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores Interação:ImprimirIndicarDigg itDel.icio.us2 comentáriosTwitter do iMasters. Apenas R$ 40,00 e envio imediato! ● Leia mais ● 29/05/2009 - Interface gráfica com NCLua DVD Curso Completo de Photoshop - Do conceito à finalização ● ● 15/05/2009 - Tabelas Lua Lançamento! Curso Completo de ● 20/03/2009 - Comunicação entre as linguagens NCL e Lua Photoshop, em DVD, com mais de 230 ● 04/03/2009 - Bancos de dados Gratuitos: Oracle x IBM x Microsoft aulas dividas em 4 módulos: conceito, ● 31/07/2008 - EXT - Princípios básicos básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto ● DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal 2 comentários publicados para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto! ● 1. Performance? Terça-feira, 21/04/2009, por dieffrei quadros Apesar de o prototype ser minha lib favorita.. e uso ela diáriamente... Posso dizer que ela não é a mais rapida e nem a quase mais rapida.. :) See selector test : http://mootools.net/slickspeed/ r Fernando Becker - Terça-feira, 21/04/2009 Exelente! Obrigado Responder comentário Poste um comentário (clique se não for cadastrado) Login: Senha: Titulo: digite aqui seu comentário http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (3 of 4) [04/07/2009 22:54:36]
- 4. Ajax com prototype - Fernando Becker - Prototype Site/blog: http:// Enviar Receber notificação de novos comentários Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters. ● Sobre o iMasters ● Política de privacidade ● Anuncie ● Feeds iMasters ● Fóruns iMasters ● Fale conosco 2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados. http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (4 of 4) [04/07/2009 22:54:36]