Programação para Internet
|
|
- Valdomiro Chaves
- 4 Há anos
- Visualizações:
Transcrição
1 Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 10 Web Dinâmica Introdução ao AJAX Prof. Dr. Daniel A. Furtado
2 AJAX Introdução AJAX = Asynchronous JavaScript and XML; Não é uma linguagem de programação; É uma técnica utilizada para criar websites rápidos e dinâmicos; Possibilita trocar dados com o servidor e atualizar partes de uma página web sem precisar recarregar a página inteira; Com AJAX, a comunicação com o servidor pode ser realizada de forma assíncrona (em segundo plano), sem interromper as funcionalidades da página corrente; AJAX utiliza uma combinação de tecnologias: Objeto XMLHttpRequest, do browser (para requisitar dados/serviço ao servidor) JavaScript e HTML DOM (para mostrar ou utilizar os dados) CSS, XML, JSON (formato para transferência de dados) Ref: adaptado de w3schools.com 2
3 AJAX Exemplos de Aplicações A tecnologia é amplamente utilizada (até mesmo por empresas e serviços de renome como Google Maps, Gmail, YouTube e Facebook); Por exemplo, pode-se utilizar AJAX para realizar o preenchimento automático dos campos de endereço em um formulário Web assim que o usuário informar o CEP; Outros exemplos: Sugestões de buscas no Google Ao buscar um modelo de carro na tabela FIPE, os modelos são carregados, em segundo plano, após seleção do fabricante. Ref: adaptado de w3schools.com 3
4 4 Como AJAX Funciona 1. Ocorre um evento na página web (página carregada, botão pressionado, opção selecionada, etc.); 2. Cria-se um objeto XMLHttpRequest utilizando JavaScript; 3. Utiliza-se o objeto para enviar uma requisição HTTP ao servidor; 4. O servidor Web processa a requisição (enquanto isso, a página Web no cliente fica livre para executar outras operações*); 5. O servidor envia uma resposta de volta para a página Web; 6. A resposta é lida pela página utilizando JavaScript e uma ação apropriada é então executada (como atualização da página, apresentação de informação detalhada, etc.) *No caso da requisição ser assíncrona Ref: adaptado de w3schools.com
5 Como AJAX Funciona Ref: adaptado de w3schools.com 5
6 Requisição Síncrona x Assíncrona Na prática, a maior parte das requisições AJAX é realizada de maneira assíncrona. Porém, também é possível realizá-la de forma síncrona. Requisição Síncrona A função JavaScript que inicia a requisição ficará bloqueada, aguardando pela resposta do servidor; Não é possível executar nenhum outro código JavaScript enquanto a requisição estiver sendo processada no servidor. Requisição Assíncrona A função JavaScript prossegue com sua execução enquanto a requisição é tratada em segundo plano. Isto significa que é possível executar outras operações com JavaScript enquanto o servidor processa a requisição; O andamento da requisição pode ser acompanhado no JavaScript por meio de eventos, sendo possível executar uma ação assim que a requisição terminar. 6
7 <script> Exemplo de Requisição Assíncrona - Método GET // cria uma instância do XMLHttpRequest para iniciar a requisição AJAX var xmlhttp = new XMLHttpRequest(); // configura o método da requisição, a URL do recurso ou serviço e true para requisição assíncrona xmlhttp.open("get", "ARQUIVO_OU_URL_DO_SERVICO", true); // indica a função que será executada quando a requisição encerrar xmlhttp.onload = function () { if (xmlhttp.status == 200) { // Coloque aqui as operações necessárias para tratar o resultado // da requisição quando finalizada com sucesso document.getelementbyid("demo").innerhtml = xmlhttp.responsetext; } else { // Ocorreu alguma falha no processamento da requisição e o servidor // retornou um código de status diferente de '200 Ok'. // Coloque o tratamento de erro aqui. alert("ocorreu um erro ao processar a requisição: " + xmlhttp.status + xmlhttp.responsetext); }; } // indica a função a ser executada caso ocorra uma falha na comunicação com o servidor xmlhttp.onerror = function () { alert("ocorreu um erro ao processar a requisição"); }; // envia a requisição xmlhttp.send(); </script> 7
8 Exercício 1 Testar e estudar os arquivos anexos do Exemplo1: Envie os arquivos para o servidor do Awardspace; Acesse o arquivo testeajax.html digitando a URL adequadamente no navegador; Analise o código fonte dos arquivos testeajax.html e conteudoadicional.txt; Observe que o conteúdo do arquivo.txt é carregado dinamicamente na página testeajax.html utilizando uma requisição assíncrona com AJAX; No arquivo testeajax.html, observe que o resultado da requisição é acessado por meio de xmlhttp.responsetext; 8
9 9 Exercício 2 Testar e estudar os arquivos anexos do Exemplo2A: Envie os arquivos para o servidor do Awardspace; Acesse o arquivo busca.html digitando a URL adequadamente no navegador. Informe uma letra no campo de busca da página e observe a resposta; Analise o código fonte dos arquivos busca.html e buscasugestao.php; Observe que o script buscasugestao.php recebe um parâmetro de busca pela URL e procura por nomes no vetor de nomes que começam com a letra informada. Observe que o script produz uma string de nomes como resultado, a qual é recebida e apresentada na página busca.html utilizando JavaScript.
10 xmlhttp.onload - Observações No exemplos apresentados anteriormente, existe a possibilidade da condição (xmlhttp.status == 200) ser verdadeira mesmo quando o script PHP termina com erros; Isto acontece porque o Apache/PHP retorna automaticamente o código de status padrão 200, independentemente do script PHP encerrar com sucesso ou falha. Portanto, o desenvolvedor precisa tomar medidas para tratar essa situação, evitando que o usuário final visualize mensagens detalhadas de erros no servidor; 10
11 Exercício 3 Simular um erro PHP no exemplo Exemplo2A: Abra o arquivo buscasugestao.php e remova, na linha 6, o colchete ] de fechamento do vetor de nomes; Salve o arquivo e reenvie para o Awardspace; Acesse novamente o arquivo busca.html pelo navegador, digite uma letra no campo de busca e observe o resultado. 11
12 <script> xmlhttp.onload - Observações O Exemplo 2B é uma alteração do Exemplo 2A com o objetivo de tratar melhor a resposta do servidor. Foram feitas duas alterações: 1. O script buscasugestoes.php produz uma resposta válida iniciando com a string OK ; 2. O arquivo busca.html adiciona uma condição para verificar se a resposta produzida pelo servidor começa com os caracteres OK ; // indica a função que será executada quando a requisição encerrar xmlhttp.onload = function () { // NOVIDADE DESDE EXEMPLO // A segunda condição deste if foi inserida como uma forma de verificar // se o script no servidor realmente foi finalizado com sucesso e produziu // uma resposta válida. Caso ocorram erros ou warnings no código PHP, tais // mensagens serão enviadas (e provavelmente não começarão com "OK") // if (xmlhttp.status == 200 && xmlhttp.responsetext.substring(0, 2) == "OK") { // Coloque aqui as operações necessárias para tratar o resultado // da requisição quando finalizada com sucesso document.getelementbyid("demo").innerhtml = xmlhttp.responsetext; } else { // Ocorreu alguma falha no processamento da requisição e o servidor // retornou um código de status diferente de '200 Ok'. // Coloque o tratamento de erro aqui. alert("ocorreu um erro ao processar a requisição: " + xmlhttp.status + xmlhttp.responsetext); } }; 12
13 Exercício 4 Simular um erro PHP no exemplo Exemplo2B: Abra o arquivo buscasugestao.php e remova, na linha 6, o colchete ] de fechamento do vetor de nomes; Salve o arquivo e reenvie para o Awardspace; Acesse novamente o arquivo busca.html pelo navegador, digite uma letra no campo de busca e observe o resultado. 13
14 AJAX Outra Maneira Nos exemplos anteriores utilizamos a propriedade onload do objeto XMLHttpRequest para indicar uma função de callback a ser executada quando a requisição finalizar. Uma outra possibilidade é monitorar o valor da propriedade readystate desse objeto. A propriedade muda de valor à medida em que a requisição é criada e tratada. Quando a requisição é finalizada e a resposta está pronta, readystate muda para o valor 4. Isto é ilustrado a seguir:... var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readystate == 4 && xmlhttp.status == 200) { // processar a resposta do servidor } } xmlhttp.open(...); xmlhttp.send();... Programação para Internet 14 Prof. Dr. Daniel A. Furtado
15 Resumo das Propriedades do Objeto XMLHttpRequest Propriedade Descrição onreadystatechange Utilizado para indicar a função a ser chamada quando a propriedade readystate muda de valor readystate Mantém o estado da requisição: 0: requisição não iniciada 1: conexão com o servidor estabelecida 2: requisição recebida pelo servidor 3: requisição em processamento 4: requisição finalizada e resposta pronta responsetext responsexml status statustext Permite acessar os dados retornados na forma textual Permite acessar os dados retornados no formato XML Retorna o status-number da requisição: 200: "OK" 403: "Forbidden" 404: "Not Found" Para a lista completa acesse Http Messages Reference Retorna o status-text (isto é, "OK" ou "Not Found") Adaptado de W3Schools.com 15
16 Resumo dos Métodos do Objeto XMLHttpRequest Método new XMLHttpRequest() Descrição Cria um novo objeto XMLHttpRequest open(method,url,async) send() send(string) setrequestheader() Configura a requisição, onde: method: método de requisição HTTP: GET, POST, PUT, DELETE, etc. url: local do arquivo no servidor async: true (assíncrono) ou false (síncrono) Envia a requisição para o servidor Usado para requisições GET Envia a requisição para o servidor Usado para requisições POST Adiciona um par rótulo/valor ao cabeçalho da requisição para ser enviado O arquivo pode ser de qualquer tipo, como.txt,.xml ou um arquivo de script, como.php ou.asp, o qual pode executar ações no servidor antes de enviar uma resposta de volta. Adaptado de W3Schools.com 16
17 Enviando dados com AJAX: GET x POST Nos exemplos anteriores utilizamos o método GET para efetuar a requisição e passar parâmetros para o script no servidor. Neste caso, os valores podem ser passados no momento da chamada do método open, como ilustrado a seguir: xhttp.open("get", "teste.php?primeironome=henry&ultimonome=ford", true); xhttp.send(); Entretanto, esses dados também poderiam ser enviados pelo método POST. Isto é apresentado no exemplo a seguir. xhttp.open("post", "teste.php", true); xhttp.setrequestheader("content-type", "application/x-www-form-urlencoded"); xhttp.send("primeironome=henry&ultimonome=ford"); Ref: adaptado de w3schools.com 17
18 18 Exercício 5 1. Crie uma tabela de nome Aluno contendo um campo textual nome. Insira alguns registros na tabela; 2. Crie um formulário HTML contendo um campo de texto para que o usuário possa realizar uma pesquisa instantânea informando um nome de aluno. Não crie um botão; 3. Crie um script PHP de nome getaluno.php que receba uma requisição AJAX contendo o parâmetro inicionome passado pela URL (GET). O script deve realizar uma consulta na tabela Aluno do BD e retornar (como texto) o primeiro nome de aluno que comece com o valor do parâmetro fornecido. Utilize na consulta SQL uma string similar a: SELECT nome FROM Aluno WHERE nome like $inicionome% Neste exercício, todo o código de acesso ao banco de dados deve ser embutido dentro do arquivo getaluno.php. Não crie classes nem funções adicionais. 4. O arquivo HTML deve apresentar a resposta gerada pelo script getaluno.php.
19 JSON JavaScript Object Notation 19
20 20 Relembrando: Objetos Simples em JavaScript Objetos simples em JavaScript (PlainObject) podem ser utilizados para armazenar uma coleção de propriedades de entidades do mundo real; Tais objetos podem ser definidos por meio de uma lista de pares do tipo nomedapropriedade : valor, separados por vírgula e colocados entre chaves. O nome da propriedade pode aparecer com ou sem aspas; Exemplo: var pessoa = { pnome:"john", unome:"doe", idade:50, eyecolor:"blue" }; alert(pessoa.pnome); // acessa a propriedade pnome do objeto pessoa alert(pessoa.idade); // acessa a propriedade idade do objeto pessoa Ref: adaptado de w3schools.com
21 21 JSON Introdução JSON é um acrônimo para JavaScript Object Notation; É um formato para intercâmbio de dados, baseado em texto, cuja notação é derivada da notação de objetos em JavaScript; Por ser textual, é independente de linguagem; JSON para intercâmbio de dados entre cliente e servidor: Como JSON é baseado em texto, pode-se converter um objeto JavaScript para uma string JSON e então enviá-la ao servidor. No servidor, pode-se converter a string JSON em um objeto da linguagem server-side, como PHP; Também é possível receber do servidor uma string de dados no formato JSON e então convertê-la para um objeto JavaScript. Dessa forma, os dados retornados pelo servidor podem ser convertidos diretamente em objetos JavaScript, sem a necessidade de executar procedimentos complexos para processamento do texto e extração dos dados. Ref: adaptado de w3schools.com
22 22 JSON - Sintaxe A sintaxe do formato JSON é derivada da notação de objetos em JavaScript: Os dados são organizados em pares (nome : valor), separados por vírgula; Objetos são colocados entre chaves; Vetores são colocados entre colchetes. Em JSON, os nomes das propriedades (keys) devem ser strings colocadas sempre entre aspas duplas*; { "nome":"elon", "sobrenome":"musk", "idade": 45 } O valor de uma propriedade pode ser outro objeto: { } "nome":"elon", "sobrenome":"musk", "empresas": ["Tesla", "SpaceX", "SolarCity"], "detalhes": {"idade" : 45, "país": "EUA" } *Em JavaScript os nomes das propriedades podem aparecer com ou sem aspas.
23 Recebendo dados JSON do servidor Objetos em PHP podem ser convertidos para o formato JSON por meio da função json_encode Uma string JSON é convertida para um objeto JavaScript por meio do método JSON.parse Código no servidor (PHP) <?php $myobj->name = "John"; $myobj->age = 30; $myobj->city = "New York"; $myjson = json_encode($myobj); echo $myjson;?> Código no cliente (JavaScript) var xmlhttp = new XMLHttpRequest(); xmlhttp.onload = function() { var myobj = JSON.parse(this.responseText); var div = document.getelementbyid("demo"); div.innerhtml = myobj.name; }; xmlhttp.open("get", "demo_file.php", true); xmlhttp.send(); OBS: Arrays em PHP também podem ser convertidos para JSON. Veja exemplo em Adaptado de W3Schools.com 23
24 Exercício 6 Testar e estudar os arquivos anexos do Exemplo3: Abra o arquivo conexaomysql.php e informe adequadamente os dados para conexão com o MySQL (Awardspace); Crie uma tabela no banco de dados com o nome Endereco contendo os campos CEP, Rua, Bairro e Cidade (código SQL disponível nos anexos); Insira alguns registros na tabela utilizando a linguagem SQL (não utilize caracteres especiais como cedilhas e acentos*); Envie os arquivos do exemplo para o servidor e acesse o arquivo endereco.html digitando a URL adequadamente no navegador. Informe no campo CEP um dos CEPs que você inseriu na tabela Endereco; Analise o código fonte dos arquivos endereco.html e buscaendereco.php; OBS: A função json_encode, no script PHP, exige que toda string no objeto esteja codificada em UTF-8. Erros são comuns quando o MySQL utiliza outros padrões de codificação para caracteres. Neste caso, é necessário fazer a configuração no MySQL para que seja utilizado UTF-8. 24
25 AJAX com JQuery 25
26 Utilizando AJAX por meio da biblioteca jquery Uma outra maneira de efetuar uma requisição AJAX é utilizando o método $.ajax da biblioteca jquery: $.ajax({ url: /* endereco do arquivo no servidor, entre aspas */, type: /* método de envio: GET, POST, PUT ou DELETE, entre aspas */, async: /* true para assíncrona ou false para síncrona */, datatype: /* o tipo dos dados esperados como resposta do servidor pode ser xml, json, script ou html */, data: /* dados a serem enviados: objeto JavaScript, string ou array */, success: function(result) { }, // Tratar aqui a resposta do servidor // quando a requisição é finalizada com sucesso. // Processar os dados recebidos. // É RECOMENDADO CONFIRMAR O SUCESSO, pois em alguns casos // o script no servidor pode encerrar notificando sucesso mesmo // na presença de erros, como em casos de erros de sintaxe de código no PHP, por exemplo. // (veja mais detalhes no arquivo Exemplo4/endereco.html). // Esta função não é executada em caso de erros de parse/json. Neste caso será executado o código // de erro associado à função a seguir error: function(xhr, status, error) { } }); // tratar aqui quando ocorrer um erro alert(status + error + xhr.responsetext); 26
27 AJAX com jquery Testar e analisar cuidadosamente os exemplos anexos: Exemplo4 Preenchimento automático do endereço a partir do CEP utilizando AJAX com jquery; Exemplo5 (envio de formulário usando AJAX) Neste exemplo, testar o cadastro preenchendo todos os campos. Testar também o cadastro deixando o campo nome em branco; Analisar o código fonte dos arquivos novoaluno.html e adicionanovoaluno.php 27
28 28 Método $.load $(selector).load(url,data,callback); $("#div1").load("demo_test.txt");
29 Referências api.jquery.com/jquery.ajax/ 29
Programação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 10 Web Dinâmica Introdução ao AJAX AJAX Introdução
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 9 Web Dinâmica Introdução ao AJAX Prof. Dr. Daniel A. Furtado AJAX Introdução AJAX = Asynchronous JavaScript
Leia maisAJAX (Asynchronous Javascript And XML)
AJAX (Asynchronous Javascript And XML) André Tavares da Silva andre.silva@udesc.br AJAX O nome AJAX foi idealizado por Jesse James Garrett, que definiu o objeto XMLHttpRequest. O AJAX não é uma linguagem
Leia maisAJAX. Aula 01 - Introdução
AJAX Aula 01 - Introdução AJAX é acrônimo em língua inglesa de "Asynchronous Javascript and XML", que em português significa "Javascript e XML Assíncronos" Introdução O Ajax é baseado nos seguintes padrões
Leia maisAJAX. Prof. Marcos Alexandruk
Prof. Marcos Alexandruk m.alexandruk@hotmail.com Asynchronous JavaScript and XML Não é uma "nova tecnologia" Utiliza os recursos já existentes do JavaScript Jesse James Garret utilizou o termo pela primeira
Leia maisUniversidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. Ajax
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Ajax Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com Tópicos
Leia maisAula 4 Arquitetura de software na Web atual: AJAX e Ajax. Prof: Dra. Renata Pontin de Mattos Fortes
SCE 0265 ICMC-USP Aula 4 Arquitetura de software na Web atual: AJAX e Ajax Prof: Dra. Renata Pontin de Mattos Fortes Aluno PAE: Willian Massami Watanabe 1 Introdução O que é AJAX? 2 Introdução O que é
Leia maisPROGRAMAÇÃO PARA INTERNET RICA AJAX
PROGRAMAÇÃO PARA INTERNET RICA AJAX Prof. Dr. Daniel Caetano 2013-1 Objetivos Apresentar o conceito do AJAX Capacitar para a criação de sites / aplicativos dinâmicos com o uso de AJAX Trabalho B! Material
Leia maisConceitos de Ajax Exemplos de uso do Ajax no braço, muitos exemplos, muito código (HTML, CSS, JavaScript, PHP, XML, JSON)
Márcio Koch 1 Currículo Formado na FURB em Ciência da Computação Pós graduado em Tecnologias para o desenvolvimento de aplicações web Mestrando em Computação Gráfica na UDESC Arquiteto de software na Senior
Leia maisPROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda
PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar
Leia maisRecomenda-se a leitura completa deste documento antes de iniciar o desenvolvimento do website.
Universidade Federal de Uberlândia Faculdade de Computação Curso de Sistemas de Informação Projeto de Programação para Internet Prof. Daniel A Furtado Descrição Geral Desenvolver um website para uma imobiliária
Leia maisDesenvolvimento Web II
Desenvolvimento Web II Web Service PHP Rest Frameworks: Slim e Laravel (get/ post / put / delete) Gil Eduardo de Andrade Web Service Introdução: Um web service pode ser definido como uma tecnologia que
Leia maisINTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO Introdução JQuery é uma biblioteca JavaScript desenvolvida para simplificar os scripts client-side que interagem com o HTML. Ela foi lançada em janeiro de
Leia maisAJAX é o acrônimo de Asychronous JavaScript and XML, ou seja, JavaScript e XML assíncronos;
AJAX é meramente um termo utilizado para descrever o processo de utilização do objeto XMLHttpRequest do JavaScript, para recuperar ou enviar informações ao servidor de forma assíncrona. AJAX é o acrônimo
Leia maisAPI - Lista de Compras
Editora Inovação EIRELI API - Lista de Compras Guilherme Branco Stracini 2015 L i s t a d e C o m p r a s - A P I Sumário Sobre... 2 A aplicação... 2 A API... 2 Ambiente de Manutenção... 3 Ambiente de
Leia maisInformática Parte 23 Prof. Márcio Hunecke
Escriturário Informática Parte 23 Prof. Márcio Hunecke Informática Json (ECMA-404) JSON (JavaScript Object Notation), é um formato compacto, de padrão aberto independente, de troca de dados simples e
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 9 Cookies HTTP e Sessões Programação para Internet
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 9 Cookies HTTP e Sessões Prof. Dr. Daniel A. Furtado 2 Cookies Um cookie HTTP (ou simplesmente cookie) é um pequeno
Leia maisRecomenda-se a leitura completa deste documento antes de iniciar o desenvolvimento do website.
Universidade Federal de Uberlândia Faculdade de Computação Curso de Sistemas de Informação Prof. Daniel A Furtado Primeiro Projeto de Programação para Internet Descrição Geral Desenvolva um website para
Leia maisIntrodução ao AJAX Métodos Open e Send
Introdução ao AJAX Métodos Open e Send Irei demonstrar alguns métodos básicos para se trabalhar com o objeto XMLHttpRequest, que já demonstrei no post Introdução ao AJAX Objeto XMLHttpRequest. Tentarei
Leia maisUniversidade Federal de Uberlândia Faculdade de Computação Projeto de Programação para Internet Prof. Dr. Daniel A Furtado
Universidade Federal de Uberlândia Faculdade de Computação Projeto de Programação para Internet Prof. Dr. Daniel A Furtado Descrição Geral Desenvolver um website para uma loja virtual que atenda às especificações
Leia mais1 INTRODUÇÃO CERTIFICADO DE SEGURANÇA SSL AUTENTICAÇÃO WEB METHOD: LOGIN WEB METHOD: LISTBONDCODES...
ÍNDICE 1 INTRODUÇÃO... 3 2 CERTIFICADO DE SEGURANÇA SSL... 3 3 AUTENTICAÇÃO... 4 4 WEB METHOD: LOGIN... 5 5 WEB METHOD: LISTBONDCODES... 6 6 WEB METHOD: LISTBONDCODESCSV... 6 7 WEB METHOD: LISTTITULOSPUBLICOS...
Leia maisINTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião
INTRODUÇÃO AO JQUERY PARTE 2 Prof. Me. Hélio Esperidião ATRIBUINDO EVENTOS A TAGS OU SELETORES Nome do seletor ou nome do id precedido de # Nome do evento Bloco de código que deve ser executado caso o
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações
Leia maisWeb Services REST e JSON
Sistemas Distribuídos Mauro Lopes Carvalho Silva Professor EBTT DAI Departamento de Informática Campus Monte Castelo Instituto Federal de Educação Ciência e Tecnologia do Maranhão Objetivos Nesta aula
Leia maisUniversidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. XML e JSON
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação XML e JSON Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com
Leia maisWeb Interativa com Ajax e PHP
Web Interativa com Ajax e PHP Juliano Niederauer Novatec Copyright 2007, 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta
Leia maisMANUAL DE INTEGRAÇÃO API DE PAGAMENTOS PRIXPAY v.003
MANUAL DE INTEGRAÇÃO API DE PAGAMENTOS PRIXPAY v.003 1 Sumário Propósito do Documento...3 Fluxo de pagamentos...3 Endpoints...3 Componentes necessários para gerar o QR Code...4 Retorno...4 Códigos de exemplo...5
Leia maisManual de Integração Web Service Administradora de Cartões
Manual de Integração Web Service Administradora de Cartões 1. INTRODUÇÃO Este manual tem como objetivo apresentar as especificações e critérios técnicos necessários para utilização do Web Service disponibilizado
Leia maisPor Fernando Koyanagi
Por Fernando Koyanagi Características principais Leitura da Temperatura Leitura da Umidade Montagem Vamos ao código Primeiro passo é incluir as libs que iremos utilizar. A lib do DHT pode ser adicionada
Leia maisINTEGRAÇÃO DA METODOLOGIA DE DESENVOLVIMENTO AJAX COM SERVLETS JAVA
Encontro Internacional de Produção Científica Cesumar 23 a 26 de outubro de 2007 INTEGRAÇÃO DA METODOLOGIA DE DESENVOLVIMENTO AJAX COM SERVLETS JAVA Everton Coimbra de Araújo 1, Juliano Rodrigo Lamb 2,
Leia maisEA975 - Laboratório de Engenharia de Software
EA975 - Laboratório de Engenharia de Software Turmas K/L - 2017 Aula 1 O que vamos desenvolver? Vamos desenvolver uma aplicação distribuída, empregando a arquitetura 3-Tier segundo o estilo REST/HTTP (Respresentational
Leia maisIntrodução ao Javascript
Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação
Leia maisDesenvolvimento de Aplicações para Internet Aula 11
Desenvolvimento de Aplicações para Internet Aula 11 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete jquery Na aula passada: Selecionando atributos Manipulando CSS Inserindo
Leia maisClasse PHP Client. A classe Zend\Http\Client fornece uma interface para realizar pedidos HTTP.
Classe PHP Client A classe Zend\Http\Client fornece uma interface para realizar pedidos HTTP. O método send() é usado para submeter o pedido ao servidor remoto. Estes pedidos retornam um objeto Zend\Http\Response
Leia maisTRABALHO FINAL 20 Pontos
Técnico em Informática Integrado ao Ensino Médio Algoritmos e Banco de Dados Profa. Cleiane Gonçalves Oliveira TRABALHO FINAL 20 Pontos O trabalho final deverá constar os três seguintes tipos de funções:
Leia maisWeb I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E.
Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E. J O S É A N TÔ N I O D A C U N H A Web Page HTTP No início a web, era
Leia maisAPI DE INTEGRAÇÃO VERSÃO 2. Janeiro/2017. Manual de Integração. Setor de Desenvolvimento
API DE INTEGRAÇÃO VERSÃO 2 Janeiro/2017 Manual de Integração Setor de Desenvolvimento assistencia@litoralcar.com.br Sumário INTRODUÇÃO A API VERSÃO 2... 3 AUTENTICAÇÃO... 3 URL BASE... 3 FORMATO DO ENVIO...
Leia maisCapítulo 7. A camada de aplicação
Capítulo 7 A camada de aplicação slide 1 slide 2 DNS Sistema de Nomes de Domínio O espaço de nomes DNS Registros de recursos de domínio Servidores de nome slide 3 O espaço de nomes DNS (1) Parte do espaço
Leia maisNovidades da Plataforma de suporte remoto 3.0
Novidades Plataforma de suporte remoto do SAP Business One Versão do documento: 1.0 08.10.2012 PÚBLICO Novidades da Plataforma de suporte remoto 3.0 Todos os países Convenções tipográficas Estilo de letra
Leia maisJavaNoroeste Grupo de Usuários Java do Noroeste Paulista. AJAX e WEB 2.0
JavaNoroeste Grupo de Usuários Java do Noroeste Paulista AJAX e WEB 2.0 Carlos Fernando Gonçalves Mestre em Engenharia de Computação, área de concentração Engenharia de Software pelo IPT SP Bacharel em
Leia mais1 INTRODUÇÃO CERTIFICADO DE SEGURANÇA SSL AUTENTICAÇÃO WEB METHOD: LOGIN WEB METHOD: LISTBONDCODES...
ÍNDICE 1 INTRODUÇÃO... 3 2 CERTIFICADO DE SEGURANÇA SSL... 3 3 AUTENTICAÇÃO... 4 4 WEB METHOD: LOGIN... 5 5 WEB METHOD: LISTBONDCODES... 6 6 WEB METHOD: LISTBONDCODESCSV... 6 7 WEB METHOD: LISTTITULOSPUBLICOS...
Leia maisIntrodução a Programação Web com PHP
AULA: Introdução a Programação Web com PHP Programação para Internet http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Breve histórico A primeira versão surgiu em meados de 1995, escrita por
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 1 Introdução à Programação para Internet 2 Conteúdo
Leia maisusando o ajax Profissional O Ajax é um servidor agnóstico O Ajax não requer nenhuma tecnologia do servidor em particular. Você pode usar o Active Server Pages (ASP),PHP e qualquer coisa que precisar e
Leia maisProf Evandro Manara Miletto. parte 1
Prof Evandro Manara Miletto parte 1 Sumário Introdução Variáveis e tipos de dados Operadores O que é JavaScript? JavaScript é uma linguagem de programação criada pela Netscape para adicionar interatividade
Leia maisApostila - Desenvolvimento web com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Reginaldo Sacilotti Apostila - Desenvolvimento web com PHP Primeira Edição São Paulo 2017 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO DO AMBIENTE
Leia maisProf. Esp. Andrew Rodrigues 1
Prof. Esp. Andrew Rodrigues www.andrewrodrigues.com.br www.andrewrodrigues.com.br 1 PHP em Ação PHP é uma linguagem de programação que pode fazer todo o tipo de coisas: avaliar dados de formulários enviados
Leia maisINTRODUÇÃO A PROGRAMAÇÃO PARA WEB
INTRODUÇÃO A PROGRAMAÇÃO PARA WEB PROF. ME. HÉLIO ESPERIDIÃO Navegador O navegador também conhecido como web browser é um programa que habilita seus usuários a interagirem com documentos hospedados em
Leia maisLinguagem de Programação III - PHP
Linguagem de Programação III - PHP Aula 1 Scripts PHP, VB.NET da Microsoft, C#, javascript, etc Sintaxe PHP Tudo que estiver delimitado por será processado no servidor. O navegador cliente
Leia maisBanco de Dados. -Aprendendo conceitos -Usando o SQL Conf para: -Conectar no banco de dados -Criar, alterar, excluir e consultar estruturas de tabelas
Banco de Dados -Aprendendo conceitos -Usando o SQL Conf para: -Conectar no banco de dados -Criar, alterar, excluir e consultar estruturas de tabelas O que é banco de dados? São conjuntos de registros dispostos
Leia maisDesenvolvimento Web. Introdução Geral. Prof. Vicente Paulo de Camargo
Introdução Geral Prof. Vicente Paulo de Camargo Web e Internet A Internet é uma rede de computadores que conecta milhões de computadores Se comunicam através do protocolos específicos A Web é uma forma
Leia maisAJAX - Tutorial. Anselmo Luiz Éden Battisti, Christiano Julio Pilger de Brito. 18 de agosto de 2006
18 de agosto de 2006 Agenda 1. Introdução 2. Sincrono X Assíncrono 3. O que é Ajax? 4. Para que Serve? 5. Exemplo 1 - Carregando um Arquivo 6. ajaxinit 7. Métodos e Atributos 8. Exibindo o Resultado 9.
Leia maisColetando dados utilizando a API do Zabbix com PHP e JSON
Coletando dados utilizando a API do Zabbix com PHP e JSON INTRODUÇÃO: O Zabbix possui uma limitação quanto à montagem de painéis a serem utilizados por pessoas que não estão acostumadas a utilizar a sua
Leia maisEA975 - Laboratório de Engenharia de Software. Objetivo do curso. Turmas K/L Aula 1
EA975 - Laboratório de Engenharia de Software Objetivo do curso Exercitar na prática as técnicas de desenvolvimento de software estudadas no curso EA976 - Engenharia de Software. Turmas K/L - 2019 Aula
Leia maisAJaX Asy s nchronous s J avasc S ript p t a nd d XML
Asynchronous JavaScript and XML Ajax Um nome para um novo tipo de aplicações na Web Técnica de desenvolvimento de aplicações para criar páginas mais interactivas Não é uma nova tecnologia Ajax= JavaScript
Leia maisINTRODUÇÃO A PROGRAMAÇÃO AVANÇADA PARA WEB E AO HTML. Prof. Msc. Hélio Esperidião
INTRODUÇÃO A PROGRAMAÇÃO AVANÇADA PARA WEB E AO HTML Prof. Msc. Hélio Esperidião NAVEGADOR O navegador também conhecido como web browseré um programa que habilita seus usuários a interagirem com documentos
Leia maisNesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP
Introdução Nesta disciplina aprenderemos HTML CSS JavaScript Jquery PHP HTML é a abreviatura de HyperText Mark-up Language. O HTML foi inventado em 1990, por um cientista chamado Tim Berners-Lee. A finalidade
Leia maisManual Webservice Finnet
Página 1 de 9 ÍNDICE Introdução Objetivo do Documento Solução Características da Solução Procedimento de Homologação da API Códigos de Erros Contatos Página 2 de 9 1. Introdução 1.1. Objetivo do Documento
Leia maisInstalação e utilização do Software Pináculo SMS
Instalação e utilização do Software Pináculo SMS Características do produto Pináculo SMS: Sem limite de quantidade de envios de SMS; Limite de 140 caracteres por mensagem; Histórico de mensagens enviadas
Leia maisAjax Asynchronous JavaScript and Xml
Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime
Leia maisCódigo PD0017. Este documento ter por objetivo auxiliar o usuário no entendimento e utilização do Nexus.
PD07 1.OBJETIVO Este documento ter por objetivo auxiliar o no entendimento e utilização do Nexus. 2. VISÃO GERAL O Nexus é uma plataforma de integração de dados, onde é possível ligar a base de dados do
Leia maisCurso básico de JavaScript Aula 2
Tópicos 1 JavaScript é case sensitive... 1 2 Comentários... 1 3 Saídas do JavaScript... 1 4 Entrada de dados usando window.prompt( )... 3 5 Variáveis... 3 1.1 Regras para criar uma variável... 3 6 Literais...
Leia maisProfessor Jefferson Chaves Jefferson de Oliveira Chaves
Professor Jefferson Chaves jefferson.chaves@ifc-araquari.edu.br Introdução ao Ambiente Cliente x Servidor; Os métodos GET e POST; Formulários HTML; Validação de dados; HTML, CSS e JavaScript (somente
Leia maisPré-requisitos: Conhecimentos de informática gerencial e lógica de programação.
CURSO DESENVOLVEDOR FRONT-END HTML5/CSS3/JavaScript Objetivo: Este curso visa introduzir o aluno do mundo do desenvolvimento Web, com aplicabilidade, ensino e capacitação nas principais linguagens de diagramação
Leia maisUnimed de Araraquara Coop. De Trabalho Médico Manual XML TISS Unimedara
1. Acesso ao Sistema Em seu navegador web digite: http://www.unimedara.com.br e clique no ícone do portal TISS como segue a imagem abaixo ou acesse http://tiss.unimedara.com.br:28081/htz/pages/welcome/welcome.jsf.
Leia maisAjax Asynchronous JavaScript and Xml
Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interactivas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime
Leia maisRicardo R. Lecheta. Novatec
Ricardo R. Lecheta Novatec Sumário Agradecimentos...11 Sobre o autor...12 Prefácio...13 Capítulo 1 Introdução...14 1.1 Introdução ao Node.js... 14 1.2 A linguagem JavaScript... 14 1.3 Arquitetura não
Leia maisGUIA DE INTEGRAÇÃO WEB2APP APLICATIVO PAGSEGURO 1. Guia de Integração Web2App Aplicativo PagSeguro VERSÃO 1.0.0
GUIA DE INTEGRAÇÃO WEB2APP APLICATIVO PAGSEGURO 1 Guia de Integração Web2App Aplicativo PagSeguro GUIA DE INTEGRAÇÃO WEB2APP APLICATIVO PAGSEGURO 2 Histórico de Alterações Date Description 28/06/2014 Visão
Leia maisElaboração de Provas Online usando o Formulário Google Docs
Elaboração de Provas Online usando o Formulário Google Docs Objetivos Elaboração de provas utilizando o recurso Formulários do Google Docs; Compreender as funcionalidades do Formulário; Gerar planilhas
Leia maisPAPO SMS MANUAL DE INTEGRAÇÃO DO DESENVOLVEDOR VERSÃO 1.0.1
PAPO SMS MANUAL DE INTEGRAÇÃO DO DESENVOLVEDOR VERSÃO 1.0.1 APRESENTAÇÃO O WEBSERVICE 1.0 foi desenvolvido para facilitar a solicitação e integração de dados de uma determinada conta PAPO. Sendo que, com
Leia maiscadastro de usuários utilizando Ajax e PHP para inserir os dados em uma tabela MySQL.
cadastro de usuários utilizando Ajax e PHP para inserir os dados em uma tabela MySQL. Vamos então a criação do banco de dados que iremos chamar de banco_cliente e também de nossa tabela chamada clientes
Leia maisUniversidade Anhanguera - Uniderp Centro de Educação a Distância. Guia do Ambiente Virtual de Aprendizagem para o Aluno
Guia do Ambiente Virtual de Aprendizagem para o Aluno Versão 1 / 2010 Apresentação Caro (a) aluno (a), Este manual foi elaborado para auxiliá-lo a navegar no ambiente virtual moodle do Centro de Educação
Leia maisAula 17 Introdução ao jquery
Aula 17 Introdução ao jquery jquery é uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto, ou seja, de emprego e uso regido segundo licença conforme as regras
Leia maisGERAÇÃO DE ARQUIVOS DE SCRIPT EM PHP. Acadêmico: Leonardo Sommariva Orientador: Alexander Roberto Valdameri
FERRAMENTA VISUAL PARA GERAÇÃO DE ARQUIVOS DE SCRIPT EM PHP Acadêmico: Leonardo Sommariva Orientador: Alexander Roberto Valdameri ROTEIRO Introdução Objetivos Motivação Fundamentação Teórica Desenvolvimento
Leia maisOpen Day Bibliotecas ElipseX
Open Day Bibliotecas ElipseX Sumário 1 Introdução... 3 1.1 Pré-Requisitos... 3 1.2 Objetivos... 3 2 Bibliotecas ElipseX... 4 3 Aplicação... 5 3.1 Exercícios... 5 4 XControl... 7 4.1 Exercícios... 8 5 XObject...
Leia maisM V C, J S O N E X M L P R O F. M E. H É L I O E S P E R I D I Ã O
M V C, J S O N E X M L P R O F. M E. H É L I O E S P E R I D I Ã O A P L I C A Ç Õ E S M O N O L Í T I C A S Na época dos computares independentes um aplicativo era desenvolvido para ser usado em uma única
Leia maisExercitando a Programação com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Adriana Rodrigues Reginaldo Sacilotti Exercitando a Programação com PHP Primeira Edição São Paulo 2016 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO
Leia maisO sistema VirtualRepre - Off-Line tem como principal função, a inclusão de Cadastro de Clientes e Pedido de Venda, quando o representante não tiver
V.2 1 O sistema VirtualRepre - Off-Line tem como principal função, a inclusão de Cadastro de Clientes e Pedido de Venda, quando o representante não tiver acesso a conexão com Internet. É um aplicativo
Leia maisRedes de Computadores e Aplicações Camada de aplicação IGOR ALVES
Redes de Computadores e Aplicações Camada de aplicação IGOR ALVES Camada de aplicação Um protocolo da camada de aplicação define como processos de uma aplicação, que funcionam em sistemas finais diferentes,
Leia maisPara acessar a TV Corporativa, deve-se informar o endereço do Servidor, barra(/) mge,
OBJETIVOS A mobilidade da informação nos dias de hoje, ultrapassou diversas fronteiras, inclusive a da disponibilidade. O Sankhya-W surgiu para atender essa necessidade. Com ele, será possível levar informações
Leia maisSISTEMAS DISTRIBUÍDOS
SISTEMAS DISTRIBUÍDOS Capítulo 3 - Comunicação em Sistemas Distribuídos Comunicação Direta Material de suporte às aulas de Sistemas Distribuídos de Nuno Preguiça Copyright DI FCT/ UNL / 1 NOTA PRÉVIA A
Leia maisJava Server Pages (Diretivas, Elementos de Script e Objetos Implícitos)
Linguagem de Programação para Web Java Server Pages (Diretivas, Elementos de Script e Objetos Implícitos) Prof. Mauro Lopes 1-31 28 Objetivos Dando continuidade aos estudos sobre JSP, apresentaremos os
Leia maisProtocolo HTTP. - Características. - Modelo Requisição/Resposta. - Common Gateway Interface (CGI)
Protocolo HTTP - Características - Modelo Requisição/Resposta - Common Gateway Interface (CGI) Características Hypertext Transfer Protocol (HTTP) Protocolo utilizado para transferir documentos de hipertexto
Leia maisApostila - Desenvolvimento web com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Adriana Rodrigues Reginaldo Sacilotti Apostila - Desenvolvimento web com PHP Primeira Edição São Paulo 2017 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO
Leia maisA composição de uma Java Server Pages (Diretivas, Elementos de Script e Objetos Implícitos)
Desenvolvimento de Sistemas Web A composição de uma Java Server Pages (Diretivas, Elementos de Script e Objetos Implícitos) Prof. Mauro Lopes 1-31 24 Objetivos Dando continuidade aos estudos sobre JSP,
Leia maisCOMO INSTALAR O CATÁLOGO
Este guia tem por finalidade detalhar as etapas de instalação do catálogo e assume que o arquivo de instalação já foi baixado de nosso site. Caso não tenho sido feita a etapa anterior favor consultar o
Leia maisDesenvolvimento Web. [Versão 5 Maio/2019] Professor Emiliano S. Monteiro
Desenvolvimento Web [Versão 5 Maio/2019] Professor Emiliano S. Monteiro API REST (PHP) Professor Emiliano S. Monteiro API REST Significa Representation State Transfer. É um estilo de desenvolvimento ou
Leia maisNo texto do de convite existem duas informações importantes: o link para o acesso a Cotação Web e a senha para o encerramento da cotação.
COTAÇÃO WEB Como o fornecedor registra cotações no Módulo de Cotação Web 01. No momento em que o comprador dispara a Cotação Web, um e-mail é enviado a cada fornecedor participante da mesma. É a partir
Leia maisEscrever scripts de PHP com HTML
Escrever scripts de PHP com HTML PHP é uma linguagem de programação de scripts para serem interpretados no lado dos servidores. Numa fase inicial (1995), PHP surgiu com o significado de Personal Home Pages
Leia maisINTRODUÇÃO À TECNOLOGIA SERVLETS
PROGRAMAÇÃO SERVIDOR EM SISTEMAS WEB INTRODUÇÃO À TECNOLOGIA SERVLETS Prof. Dr. Daniel Caetano 2013-2 Objetivos Apresentar o conceito aplicações orientada a serviços via web Apresentar o papel dos contentores
Leia maisDesenvolvimento Web. JavaScript aula II variáveis (cont.) e diálogos. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web JavaScript aula II variáveis (cont.) e diálogos Professor: Bruno Gomes
Leia maisAPI PAGAMENTOS. Todas requisições devem ser feitas para o endpoint https://www.belaviagem.com.br/faciladmin/
INTRODUÇÃO Para efetuar pagamentos, você deverá enviar os pedidos para a API REST da BelaViagem. Essa API ainda está em desenvolvimento, mas estamos trabalhando duro para melhorá-la! Se você tiver qualquer
Leia maisModelo para a representação de informações, utilizado por aplicações Web que trabalham com a tecnologia AJAX.
JSON Modelo para a representação de informações, utilizado por aplicações Web que trabalham com a tecnologia AJAX. 1. Introdução JSON (JavaScript Object Notation) é um modelo para armazenamento e transmissão
Leia mais