Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Redirecionar ou resposta de acordo com o valor do Ajax JSON jQuery

21-08-2016 16:25

Nesse post vou mostrar um exemplo bem simples de como enviar um valor para uma página, e de acordo com a resposta recebida pelo $.getJSON redirecionar ou fazer alguma ação na própria página.

Como é um exemplo bem simples não vou passar nenhum valor para outra página.

Segue a base do exemplo que vai requisitar os dados de um documento PHP.

<script src="jquery.js"></script> <script> $(document).ready(function() { // carregamos o JSON passando o nome $.getJSON("resposta.php", {}, function(json){ alert(json.nome); }); }); </script>

Esse exemplo é bem simples. Somente faz a requisição a um arquivo chamado resposta.php e exibe o valor desse arquivo em um alerta.

O arquivo resposta.php deve ter o seguinte conteúdo:

<?php $MeuArray = Array("nome" => "Maria"); $json_encode = json_encode($MeuArray); echo $json_encode; ?>

Ao rodar os exemplos acima irá exibir o texto Maria em um alert.

Agora para trabalhar melhor os valores podemos substituir o alert do primeiro exemplo pelo seguinte código:

switch(json.nome) { case "Maria": alert("O valor recebido foi Maria"); break; default: alert("nenhum valor enviado"); break; }

Nesse exemplo quando for recebido o valor Maria vai exibir o alert a seguir.

Para criar um redirecionamento de acordo com a reposta podemos substituir o switch acima pelo seguinte:

switch(json.nome) { case "Maria": location.href="destino.php"; break; default: alert("nenhum valor enviado"); break; }

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado