Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Manipular parâmetros enviados pelo send() do Ajax


Rafael Laurindo

Pergunta

Galera, o método send() do Ajax, serve para enviar parâmetros para o servidor, bem como iniciar a requisição, certo? Como manipular esse parâmetro, com o PHP, por exemplo, ou seja, como armazena-lo numa variável?

Editado por Rafael Laurindo
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Galera, já aprendi. É muito simples. Vou postar um código de exemplo.

arquivo teste.php

<?php
    //recebimento dos parâmetros enviados pelo cliente
    $var1 = $_POST['var1'];
    $var2 = $_POST['var2'];
    //----------------------------------------------------------
    //resposta ao Ajax
    echo $var1."\n";
    echo $var2."\n";
    //-------------------------
arquivo ajax.js
//função que faz a requisição ajax
function requisicaoAjax(){
    ajax = new XMLHttpRequest();
    //o método POST, permite que enviemos parâmetros para o servidor
    ajax.open('POST','teste.php')
    //sem essa linha não podemos enviar parâmetros para o servidor
    ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
    //seta a funcao que sera chamada quando o ajax for retornado
    ajax.onreadystatechange = statusAjax
    //inicia o tranporte, e envia para o servidor as variáveis e seus valores como parâmetro
    ajax.send("var1=param1&var2=param2")
}

//função que trata o retorno ajax
function statusAjax()
{
    if(ajax.readyState == 4 && ajax.status == 200)
        retornoAjax(ajax.responseText)
}

//função que é chamada quando o ajax for retornado
function retornoAjax(response)
{
    //dá um alerta no texto de retorno
    alert(response)
}
arquivo teste.phtml
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>Teste</title>
<script js/ajax.js/>
</head>
<body>
<form>
	<input type="button" name="submit" value="Testar" onclick="requisicaoAjax()"/>
</form>
</body>
</html>

Esse é um exemplo básico. Ainda existem outras coisas que podem ser feitas, como definir o tipo de codificação(utf-8, iso num sei da quantas, etc), e etc.

Até a próxima.

Editado por Rafael Laurindo
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...