Programação para Internet
|
|
- João Vítor Aranha Dinis
- 5 Há anos
- Visualizações:
Transcrição
1 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
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 Programação para Internet Prof. Dr. Daniel A. Furtado 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 Programação para Internet Prof. Dr. Daniel A. Furtado 3
4 Programação para Internet Prof. Dr. Daniel A. Furtado 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 Programação para Internet Prof. Dr. Daniel A. Furtado 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. Programação para Internet Prof. Dr. Daniel A. Furtado 6
7 Exemplo de Requisição Assíncrona - Método GET <script> var xmlhttp = new XMLHttpRequest(); var method = 'GET'; var url = "ARQUIVO_OU_SCRIPT_SERVICO"; xmlhttp.open(method, url, true); 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); } }; xmlhttp.onerror = function () { // Ocorreu um erro no processamento da requisição a nível de rede }; // Coloque o tratamento aqui alert("ocorreu um erro ao processar a requisição"); xmlhttp.send(); </script> Programação para Internet Prof. Dr. Daniel A. Furtado 7
8 Exemplo Anexo Testar e estudar os exemplos anexos: Exemplo1 Exemplo2A Exemplo2B Exemplo3 Programação para Internet Prof. Dr. Daniel A. Furtado 8
9 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. Programação para Internet Prof. Dr. Daniel A. Furtado Adaptado de W3Schools.com 9
10 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") Programação para Internet Prof. Dr. Daniel A. Furtado Adaptado de W3Schools.com 10
11 AJAX Exemplo 2 Outra Forma Programação para Internet Prof. Dr. Daniel A. Furtado 11 <!DOCTYPE html><html lang="pt-br"><head><meta charset="utf-8"> <script> function mostrasugestao(str) { if (str.length == 0) { document.getelementbyid("textosugestao").innerhtml = ""; return; } else { // técnica AJAX para buscar dicas de nomes no servidor, var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readystate == 4 && xmlhttp.status == 200) { document.getelementbyid("textosugestao").innerhtml = xmlhttp.responsetext; } } xmlhttp.open("get", "ex01-buscasugestao.php?q=" + str, true); xmlhttp.send(); } } </script> </head> <body> <h3>comece a digitar um nome no campo a seguir:</h3> <form> Nome: <input type="text" onkeyup="mostrasugestao(this.value)"> </form> <p>sugestões: <span id="textosugestao"></span></p> </body></html> Ref: adaptado de w3schools.com
12 Enviando dados com AJAX: GET x POST Enviando dados pelo método GET, pela URL xhttp.open("get", "teste.php?primeironome=henry&ultimonome=ford", true); xhttp.send(); Enviando dados pelo método POST 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 Programação para Internet Prof. Dr. Daniel A. Furtado 12
13 JSON JavaScript Object Notation Programação para Internet Prof. Dr. Daniel A. Furtado 13
14 Programação para Internet Prof. Dr. Daniel A. Furtado 14 Objetos Simples em JavaScript - Relembrando 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. 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
15 Programação para Internet Prof. Dr. Daniel A. Furtado 15 JSON Introdução O que é JSON? JSON é um acrônimo para JavaScript Object Notation; É um formato para intercâmbio de dados baseado em texto; Por ser textual, é independente de linguagem. Intercâmbio de Dados Os dados trocados entre um servidor Web e um navegador são comumente do tipo texto; Como JSON é baseado em texto, pode-se converter um objeto JavaScript para JSON e então enviá-lo ao servidor; Também é possível converter uma string de dados no formato JSON (recebido do servidor) em um objeto JavaScript; Dessa forma, os dados 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
16 Programação para Internet Prof. Dr. Daniel A. Furtado 16 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 } *Ao contrário dos objetos simples em JavaScript, onde é permitido ter os nomes de campos sem aspas. Ref: adaptado de w3schools.com
17 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 Programação para Internet Prof. Dr. Daniel A. Furtado Adaptado de W3Schools.com 17
18 AJAX com JQuery Programação para Internet Prof. Dr. Daniel A. Furtado 18
19 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, por exemplo. // (veja mais detalhes no arquivo Ex-04-endereco.html). error: function(xhr, status, error) { } }); // tratar aqui quando ocorrer um erro alert(status + error + xhr.responsetext); Programação para Internet Prof. Dr. Daniel A. Furtado 19
20 Programação para Internet Prof. Dr. Daniel A. Furtado 20 AJAX com jquery Testar e analisar cuidadosamente os exemplos anexos: Exemplo4 Exemplo5
21 Programação para Internet Prof. Dr. Daniel A. Furtado 21 Método $.load $(selector).load(url,data,callback); $("#div1").load("demo_test.txt");
22 Referências api.jquery.com/jquery.ajax/ Programação para Internet Prof. Dr. Daniel A. Furtado 22
Programação para Internet
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 AJAX Introdução AJAX = Asynchronous JavaScript
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 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 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 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 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 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 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 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 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 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 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 Módulo 9 Cookies HTTP e Sessões Prof. Dr. Daniel A. Furtado 2 Cookies Um cookie HTTP (ou simplesmente cookie) é um pequeno
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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 maisAJAX é baseado nos seguintes padrões WEB: JavaScript, XML, HTML, CSS.
AJAX AJAX é acrônimo de Asynchronous JavaScript And XML. É um tipo de programação que se tornou popular in 2005 pela Google (com Google Suggest). AJAX não é uma nova linguagem de programação, mas uma nova
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 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 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 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 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 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 maisProgramação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado
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 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 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 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 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 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 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 maisInformática I. Aula 8. Aula 8-19/09/2007 1
Informática I Aula 8 http://www.ic.uff.br/~bianca/informatica1/ Aula 8-19/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
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 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 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 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 maisJAVASCRIPT. Desenvolvimento Web I
JAVASCRIPT Desenvolvimento Web I JavaScript HTML Conteúdo - ( Markup language) CSS Apresentação (Style Sheet language) JavaScript (Programming language) Uso de JavaScript : Validação de formulários, galerias
Leia maisAjax não é dependente dos servidores Web, e como tal poderá ser usado com PHP, JSP, ASP e ASP.NET.
1 2 Ajax não é dependente dos servidores Web, e como tal poderá ser usado com PHP, JSP, ASP e ASP.NET. 3 Por todo o documento subentende-se: todos os seus componentes já anteriormente carregados: imagens,
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 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 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 maisSCE Aula 3 Arquitetura de software na Web atual: processamento de lado cliente. Prof: Dra. Renata Pontin de Mattos Fortes
SCE 0265 Aula 3 Arquitetura de software na Web atual: processamento de lado cliente Prof: Dra. Renata Pontin de Mattos Fortes Aluno PAE: Willian Massami Watanabe Sumário da aula Aplicações Estáticas x
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 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 maisREST. Representational State Transfer. É um estilo arquitetural usado por muitas aplicações Web para estender as suas funcionalidades.
REST Representational State Transfer É um estilo arquitetural usado por muitas aplicações Web para estender as suas funcionalidades. Não é um padrão. Exemplo ASP.NET Web API namespace WebAPIApp.Models
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 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 maisProgramação Cliente em. jquery. Fontes: Wendell S. Soares e vinteum.com
Programação Cliente em Sistemas Web jquery Fontes: Wendell S. Soares e vinteum.com Apresentação jquery é uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto O
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 maisPré-requisito Ter realizado os cursos de Lógica de Programação e HTML5 e CSS3, ou ter conhecimento equivalentes.
1 Javascript com Ajax Descrição A Web 2.0 trouxe um novo conceito na construção de sites para internet. O domínio da linguagem de programação JavaScript é essencial para o desenvolvimento de web sites
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 maisEste manual contém as principais funcionalidades e explicações a respeito do funcionamento do portal de vendas PULVITEC.
Este manual contém as principais funcionalidades e explicações a respeito do funcionamento do portal de vendas PULVITEC. É recomendado a utilização do browser Google Chrome e Firefox por questões de compatibilização
Leia maisParadigmas de Programação React Native
Paradigmas de Programação React Native Cliente HTTP Axios Acessando Web Services e APIs Gil Eduardo de Andrade CLIENTE HTTP AXIOS Introdução: O Axios é um cliente (biblioteca) que permite efetuar requisições
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 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 maisV Semana de Tecnologia da Informação
V Semana de Tecnologia da Informação Rafael L. de Macedo Centro Universitário Eurípides de Marília - UNIVEM Marília, 2012 Índice 1 Introdução 2 3 Índice Introdução 1 Introdução 2 3 (Rich Internet Application).
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 mais<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas
Leia maisComo determinar o quanto seu site precisa de espaço em disco e tráfego mensal no plano de hospedagem
Como determinar o quanto seu site precisa de espaço em disco e tráfego mensal no plano de hospedagem Esta é uma pergunta que você precisa de resposta antes de escolher a empresa que você vai hospedar o
Leia maisProgramação WEB. Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida. Aula II jquery UI
Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida Aula II jquery UI Introdução O que é jquery UI? Biblioteca que fornece maior nível de abstração para interação
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 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 maisCCT0298 ANALISE DE REDES Aula : Trafego HTTP
CCT0298 ANALISE DE REDES Aula : Trafego HTTP O que é o protocolo HTTP? Hyper Text Transfer Protocol é o protocolo usado na World Wide Web para a distribuição e recuperação de informação. A troca de informações
Leia maisDESENVOLVIMENTO DE SISTEMAS WEB. Lista de Exercícios AV2-01. Luiz Leão
DESENVOLVIMENTO DE SISTEMAS WEB Luiz Leão luizleao@gmail.com http://www.luizleao.com Questão 01 Sobre as características da programação orientada a objetos, explique o encapsulamento. Questão 01 - Resposta
Leia maisMinicurso de JavaScript PET Sistemas de Informação Terceiro Dia Anthony Tailer. Clécio Santos. Rhauani Fazul.
Minicurso de JavaScript PET Sistemas de Informação Terceiro Dia.09.06 Anthony Tailer. Clécio Santos. Rhauani Fazul. Romeu Casarotto O que será visto hoje?.09.06 Funções Eventos Melhores práticas Erros
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 maisHTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo
HTML 5 TAGS BÁSICAS E ESTRUTURAIS Prof. Rosemary Melo TAGS BÁSICAS DA LINGUAGEM TAG Indica que está criando uma página html TAG Área contém informação sobre a página TAG especifica
Leia maisRedes de Computadores
Prof. Universidade Federal de Mato Grosso do Sul brivaldo@facom.ufms.br 18 de maio de 2017 Visão Geral 1 Visão Geral 2 3 4 Web e o HTTP Relembrando rapidamente, página web é construída com objetos um objeto
Leia maisDesenvolvimento de Sistemas para WEB Site:
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com Introdução
Leia maisAJAX no GASweb. Mas e afinal, para que usamos o AJAX?
Nível - Avançado AJAX no GASweb Por: Pablo Hadler AJAX (Asynchronous Javascript and XML) foi criado com o princípio de ser uma maneira rápida e otimizada de podermos fazer requisições Web, sendo esta totalmente
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 maisAJAX Asynchronous JavaSctipt And XML. Nuno Dantas, 1010676 7 de Novembro de 2006
AJAX Asynchronous JavaSctipt And XML Nuno Dantas, 1010676 7 de Novembro de 2006 1 2 Resumo Com o desenvolvimento da Internet apareceu de necessidade de melhorar a forma de funcionamento das aplicações
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 maisDesenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Leia maisRedes de Computadores I. Sockets e Arquitetura HTTP
v.2016 Redes de Computadores I Sockets e Arquitetura HTTP Prof. Ricardo Couto A. da Rocha rcarocha@ufg.br UFG Regional Catalão HTTP - O Servidor Web Prof. Dr. Ricardo Couto Antunes da Rocha - Depto. de
Leia maisNode.js. Download
Node.js Download http://nodejs.org/en > node v v8.7.0 > npm v 5.4.2 Node.js é um ambiente de desenvolvimento (paltaforma) do lado do servidor, de código aberto, multi-plataforma, que corre JavaScript.
Leia maisINTRODUÇÃO ÀS APLICAÇÕES PARA WEB
INTRODUÇÃO ÀS APLICAÇÕES PARA WEB Material cedido pelo prof. Francisco Dantas Nobre Neto Professor: Rhavy Maia Guedes E-mail: rhavy.maia@gmail.com, rhavymg.wordpress.com Sites vs Aplicativos Web Aplicativos
Leia mais