Your SlideShare is downloading. ×
Ajax   O Objeto Xml Http Request   Parte 4
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

Ajax O Objeto Xml Http Request Parte 4

624
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
624
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
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. AJAX - O Objeto XMLHttpRequest - Parte 4 Principal .: Compras :. Início AJAX - O Objeto XMLHttpRequest - Parte 4 Categorias Ajax 17/04/2006 20:12:00 DHTML Autor: Rondinely S. de Almeida XML PHP Serviços para Webmasters MySQL IP Cursos: Java, RUP, BD 10g Qual é o meu IP? Forms,PL/SQL, Webdesigner, AJAX,PHP Certificação SUN, JEE, JSF www.cotiinformatica.com.br Hospedagem PhP Site Grátis. Pagamento Facilitado Ativação Imediata. R$ 5,90/mês WebNames.com.br Big Solutions Soluções Web, Sites, Intranet, EAI Gestão de conteúdo e colaboração www.bigsolutions.com.br |<< Primeira < Anterior 1/1 Próxima > Última >>| Exemplos: pesquisaAJAXPost.html Este artigo é uma continuação do artigo AJAX - O Objeto XMLHttpRequest - Parte 3, faremos apenas algumas alterações nos arquivos de exemplos para utilizarmos o método POST ao invés de GET na transmissão de dados do objeto XMLHttpRequest. O documento pesquisaAJAXPost.php Este documento é baseado no documento pesquisaAJAXPost.php do artigo anterior desta série, vamos analisar aqui apenas as alterações realizadas para mudar o método usado de GET para POST. function startHttpReq(buscar) { document.getElementById("listboxresult").style.visibility="hidden"; url = "pesquisaAJAXcidadesPost.php"; strData = "buscar="+escape(buscar); //Dados a serem enviados. Aqui podemos notar que a variável url irá conter agora apenas a localização do documento de pesquisa, na versão anterior além da localização do documento já passariamos as variáveis passadas pelo método GET. Temos aqui também a introdução da variável strData que irá conter aos dados a serem enviados pelo método POST, a sintese é a mesma das variáveis para o método GET (nome_variável=valor&nome_variável=valor&nome_variá...), a diferença é que elas não estão junto ao nome do documento de pesquisa. http://www.hospedia.com.br/artigos/8/ajax/1/ajax_-_o_objeto_xmlhttprequest_-_parte_4.html[07/12/2009 15:09:59]
  • 2. AJAX - O Objeto XMLHttpRequest - Parte 4 xmlhttp.onreadystatechange = XMLHttpRequestChange; xmlhttp.open("POST", url, true); //Abre a url. xmlhttp.setRequestHeader('Content-Type','text/xml'); xmlhttp.setRequestHeader('encoding','ISO-8859-1'); xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form- urlencoded'); xmlhttp.setRequestHeader('Content-length', strData.length ); xmlhttp.send(strData); //Envia dados ao documento da url. Não deixe de ver também: Hospedagem Linux Big Solutions 1200MB espaço, 2GB tráfego. Ativação Soluções Web, Sites, Intranet, EAI Gestão imediata. R$ 5,90/mês de conteúdo e colaboração W bN b bi l ti b Neste bloco do código aparecem as seguintes alterações: no lugar do método GET colocamos POST, xmlhttp.open("POST", url, true); acrescentamos duas instruções, xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form- urlencoded'), que avisa ao servidor que iremos transmitir dados possivelmente via POST; e xmlhttp.setRequestHeader('Content-length', strData.length ), que comunica o tamanho dos dados que serão transmitidos. A última alteração deste bloco está no método send do objeto XMLHttpRequest, no lugar de transmitirmos apenas a variável null (nula), mandamos aqui os dados contidos na variável strData. São estas as alterações necessárias no documento pesquisaAJAX.html, vamos ver agora como fica o documento de pesquisa. O documento presquisaAJAXcidadesPost.php Este documento é baseado no pesquisaAJAXcidades.php do artigo anterior, e vermos a seguir as alterações necessárias nele para transmitirmos dados no método POST e não mais pelo método GET. <?php header("Content-type: text/xml; charset=ISO-8859-1"); print '<?xml version="1.0" encoding="ISO-8859-1"?>'; ?> <cidades> <?php require_once("../dbexemplos.php"); $buscar = $_POST['buscar']; $result = mysql_query("SELECT id, nome FROM municipios WHERE nome LIKE '$buscar%' ORDER BY nome") or die("Query invalida: " . mysql_error()); while ($row = mysql_fetch_array($result, MYSQL_NUM)) { printf("<retorno id="%d">%s</retorno>n", $row[0],$row[1]); } ?> </cidades> A única alteração necessária é no tipo de variável pré-definida do PHP, no lugar de $_GET, usamos $_POST. Pronto, o documento de pesquisa já está alterado para receber dados no método POST. Lembramos que a partir da versão 4.1.0 do PHP podemos utilizar a variável superglobal $_REQUEST no lugar de $_GET ou $_POST, uma vez que a primeira contêm as duas últimas, neste caso não precisariamos realizar nenhuma alteração no documento de pesquisa para receber tanto dados pelo método $_GET ou $_POST. Até o próximo artigo. ANEXO I Estrutura das tabelas MySQL CREATE TABLE municipios ( id int(11) NOT NULL, uf int(11) NOT NULL, nome varchar(40) NOT NULL, PRIMARY KEY (id) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COMMENT='Municípios Brasileiros'; http://www.hospedia.com.br/artigos/8/ajax/1/ajax_-_o_objeto_xmlhttprequest_-_parte_4.html[07/12/2009 15:09:59]
  • 3. AJAX - O Objeto XMLHttpRequest - Parte 4 CREATE TABLE estados ( id int(10) unsigned NOT NULL auto_increment, sigla char(2) NOT NULL, nome varchar(25) NOT NULL, PRIMARY KEY (id), UNIQUE KEY sigla (sigla) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; |<< Primeira < Anterior 1/1 Próxima > Última >>| Artigos relacionados AJAX - O Objeto XMLHttpRequest - Parte 3 : 12/03/2006 Como prometemos no artigo anterior veriamos uma aplicação prática para... AJAX - O Objeto XMLHttpRequest - Parte 2 : 18/01/2006 Este é o segundo artigo da série e nele vamos conhecer mais a fundo o... AJAX - O Objeto XMLHttpRequest - Parte 1 : 12/01/2006 Este é o primeiro artigo de uma série na qual estaremos explorando os... Alimentando uma ComboBox dinamicamente utilizando técnicas AJAX : 28/11/2005 Este artigo mostrará como responder a uma interação... Hospede seu site PHP, WebMail, Construtor. Ativação imediata. R$ 5,90/mês WebNames.com.br Curso de PHP Aprenda a programar em PHP Sem sair de casa. R$ 21,00 www.kazi.com.br Marketing para Iniciantes Curso Online c/ Certificado: R$ 100 Acesse Agora. Mesmo Antes de Pagar www.Buzzero.com >> Inicio << © Copyright hospedia.com.br - 2005 Todos os direitos reservados. Seu Ponto de Partida na Internet Receitas de Bolos Lyrics http://www.hospedia.com.br/artigos/8/ajax/1/ajax_-_o_objeto_xmlhttprequest_-_parte_4.html[07/12/2009 15:09:59]

×