Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

alh

AJAX não executa função

Recommended Posts

Tenho uma requisição em ajax!

O que está acontecendo de errado pois não estou sendo redirecionado na funçao que estou executando no php pelo ajax.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    

<script type="text/javascript">


         //EFETUAR LOGIN
    function efetuarLogin() {

        var usuarioAcesso = $("#usuarioAcesso").val();  
        var senhaAcesso = $("#senhaAcesso").val();
        var botao_acao = $("#tipo_login").val();


        $.ajax({        

         type: "POST",

          url: "envia_assinatura.php",

           data: {'usuarioAcesso':usuarioAcesso,'senhaAcesso':senhaAcesso,'botao_acao':botao_acao},

          dataType: "json",
          success: function(json){

            alert('teste');
         }
            });


    }; 

</script>

  <div style="width:400px; float:left;">

        <input type="text" name="usuarioAcesso" id="usuarioAcesso">
        <input type="password" name="senhaAcesso" id="senhaAcesso">
        <input type="submit" name="botao_login" id="botao_login" value="Login">
        <input type="hidden" name="tipo_login" id="tipo_login" value="login">
        <button class="btn-success" type="submit" onclick="efetuarLogin()" >LOGIN</button>
    </div>

 

A página "envia_assinatura.php"

É um header para retornar a uma página:

<?php

header("location: teste");

?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

envia_assinatura.php não está retornando nada para o Ajax...

Caso você queira redirecionar para uma página, segue exemplo:

 

AJAX

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

function efetuarLogin () {
	var usuarioAcesso = $("#usuarioAcesso").val();  
	var senhaAcesso = $("#senhaAcesso").val();
	var botao_acao = $("#tipo_login").val();

	$.ajax ({
		type: "POST",
		url: "envia_assinatura.php",
		data: {
			'usuarioAcesso':usuarioAcesso,'senhaAcesso':senhaAcesso,'botao_acao':botao_acao
		},
		dataType: "json",

		success: function(json)
		{
			window.location.href = json
		}
	});
}; 
</script>

<div style="width:400px; float:left;">
	<input type="text" name="usuarioAcesso" id="usuarioAcesso">
	<input type="password" name="senhaAcesso" id="senhaAcesso">
	<input type="submit" name="botao_login" id="botao_login" value="Login">
	<input type="hidden" name="tipo_login" id="tipo_login" value="login">
	<button class="btn-success" type="submit" onclick="efetuarLogin()" >LOGIN</button>
</div>

 

CÓDIGO PHP

<?php

echo json_encode ( 'teste.php' ) ;

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
50 minutos atrás, ShadowDLL disse:

envia_assinatura.php não está retornando nada para o Ajax...

Caso você queira redirecionar para uma página, segue exemplo:

 

AJAX


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

function efetuarLogin () {
	var usuarioAcesso = $("#usuarioAcesso").val();  
	var senhaAcesso = $("#senhaAcesso").val();
	var botao_acao = $("#tipo_login").val();

	$.ajax ({
		type: "POST",
		url: "envia_assinatura.php",
		data: {
			'usuarioAcesso':usuarioAcesso,'senhaAcesso':senhaAcesso,'botao_acao':botao_acao
		},
		dataType: "json",

		success: function(json)
		{
			window.location.href = json
		}
	});
}; 
</script>

<div style="width:400px; float:left;">
	<input type="text" name="usuarioAcesso" id="usuarioAcesso">
	<input type="password" name="senhaAcesso" id="senhaAcesso">
	<input type="submit" name="botao_login" id="botao_login" value="Login">
	<input type="hidden" name="tipo_login" id="tipo_login" value="login">
	<button class="btn-success" type="submit" onclick="efetuarLogin()" >LOGIN</button>
</div>

 

CÓDIGO PHP


<?php

echo json_encode ( 'teste.php' ) ;

 

 

 

Amigo não é o caso de redirecionar...

 

O caso que coloquei o header para testar se a requisição do ajax esta funcionando, apenas para teste, aqui não funcionou..

 

Explico abaixo como quero fazer..

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

No meu caso estou fazendo um INSERT no (envia_assinatura.php) e gostaria de ter o retorno!!!

 

 

envia_assinatura.php:

$a = $conn->prepare("INSERT INTO `assinaturas` (`NOME_EMPRESA`, `CNPJ`, `NOME`, `EMAIL`, `PLANO`,`PERIODO`) VALUES ('$nomeEmpresa','$cnpj','$nome','$emailEmpresa','$plano','$periodo'')");
        $a->execute();

Depois desse insert, gostaria de SABER no ajax se deu certo ou não

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quando você faz uma requisição o que acontece é algo parecido com isto:

 

Requisição:
> POST /login.php
>
> usuario=alexandre&senha=pipoca

Resposta:
< 301 Found
< Location: /teste

A partir desse código, primeiros bytes enviados pelo servidor o navegador descobre que o usuário precisará ser redirecionado para o cabeçalho descrito pelo Location. Você pode ver isso no chrome ou firefox abrindo a aba de rede/network do Developer Tools, apertando CTRL+SHIFT+i na página. Abaixo, um exemplo de uma aplicação web que estou trabalhando neste momento no google chrome developer tools. Onde podemos ver o Status Code: 302 Found respondido pelo servidor.

 

exemplo de redirect 302 em um aplicação que estou trabalhando

 

Veja que o servidor responde que a resposta é um redirecionamento, mas como você está executando isso dentro de um "navegador virtual" via AJAX, o mesmo não sabe o que fazer com isso.

 

O processo fica um pouco diferente se você enviar um corpo, como o @ShadowDLL mencionou...

Requisição:
> POST /login.php
>
> usuario=michael&senha=p0pc0Rn

Resposta:
< 200 OK
< Content-Type: application/json
<
< {"inserted":true}

A partir daí, o javascript vai conseguir entender que foi enviado uma notação json, veja o cabeçalho Content-Type e um corpo (separado por uma linha em branco) com o JSON propriamente dito.

 

Para fazer isso com PHP você escreverá da seguinte forma:

 

<?php

$inserted = $a->insert(); // aqui fica o seu código que faz a insercao no banco de dados e verifica a mesma

header('Content-Type: application/json');
echo json_encode(array(
  "inserted" => $inserted,
));

Para o javascript você vai fazer algo parecido com isto:

 

$.post(
  '/enviaAssinatura.php',
  { usuario: 'monica' },
  function (data) { // isto executará quando o servidor responder com sucesso, obirgado jQuery
    alert(data.inserted);
  }
);

O @ShadowDLL mencionou fazer o redirecionamento utilizando o window.location, deixe sua imaginação te levar :-)

 

Espero ter ajudado, e que a força esteja com você.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • Por luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • Por belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
    • Por luiz monteiro
      Olá, tudo bem?
       
      Estou melhorando meu conhecimento em php e mysql e, me deparei com o seguinte. A tabela da base de dados tem um campo do tipo varchar(8) o qual armazena números. Eu não posso alterar o tipo desse campo. O que preciso é fazer um select para retornar o números que contenham zeros a direita ou a esquerda.
      O que tentei até agora
       
      Ex1
      $busca = $conexao->prepare("select campo form tabela where (campo = :campo) ");
      $busca->bindParam('campo', $_REQUEST['campo_form']);
       
      Se a direita da string $_REQUEST['campo_form'] termina ou inicia com zero ou zeros, a busca retorna vazio.
      Inseri dados numéricos, da seguinte maneira para testar: 01234567;  12345670: 12345678: 12340000... entre outros nessa coluna. Todos os valores que não terminam ou não iniciam com zero ou zeros, o select funciona.
       
       
      Ex2
      $busca = $conexao->prepare("select campo form tabela where (campo = 0340000) ");
      Esse número está cadastrado, mas não retorna.
       
      Ex3
      $busca = $conexao->prepare("select campo form tabela where (campo = '02340001' ) ");
      Esse número está cadastrado, mas não retorna.
       
       
      Ex4
      $busca = $conexao->prepare("select campo form tabela where (campo like 2340000) ");
      Esse número está cadastrado, mas não retorna.
       
      Ex5
      $busca = $conexao->prepare("select campo form tabela where (campo like '12340000') ");
      Esse número está cadastrado, mas não retorna.
       
      Ex6
      $busca = $conexao->prepare("select campo form tabela where (campo like '"12340000"' ) ");
      Esse número está cadastrado, mas não retorna.
       
       
      Ex7
      $busca = $conexao->prepare("select campo form tabela where (campo like :campo) ");
      $busca->bindParam('campo', $_REQUEST['campo_form'])
      Não retorna dados.
       
      O  $_REQUEST['campo_form'] é envio via AJAX de um formulário. 
      Usei o gettype para verificar o post, e ele retorna string.
      Fiz uma busca com número 12345678 para verificar o que o select retorna, e também retrona como string.
       
      Esse tipo de varchar foi usado porque os números que serão gravados nesse campo,  terão zeros a direita ou na esquerda. Os tipos number do mysql não gravam zeros, então estou usando esse. O problema é a busca.
      Agradeço desde já.
       
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.