Jump to content
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");

?>

Share this post


Link to post
Share on other 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' ) ;

 

Share this post


Link to post
Share on other 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..

 

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other 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ê.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By SECONDSS
      boa noite, preciso entregar algumas questões até daqui a pouco,meu tempo está corrido e gostaria da ajuda de vocês para resolver essa questão. obrigado desde já!

      QUESTÃO 16 -

      Desenvolva um programa utilizando PHP e exibir os resultados desse programa que tenha todas as classes suficientes para que:
      Represente o nome completo de uma pessoa, composto de três strings (nome próprio, nome do meio e nome da família). 
      ATENÇÃO - 
      Escreva nessa classe o método rubrica que retorna somente as iniciais do nome completo em caracteres minúsculos, Escreva nessa classe o método assinatura que retorna as iniciais dos nomes próprio e do meio (com pontos) Escreva nessa classe um método que retorne o nome de família completo. Por exemplo, se o nome da pessoa representado por essa classe for “Jack Mill Dam”, o método rubrica deve retornar ”jmd” e o método assinatura deve retornar ”J.M. Dam”. Para facilitar, considere armazenar os três nomes em strings separadas.
    • By duarte.php
      Boa noite, pessoal, estou fazendo meu tcc (nível técnico kkk) e preciso de ajuda com uma conexão com o banco.
       
      Fiz um formulário para consultar empréstimos em uma biblioteca através do rm (id) e exibir os dados que estão cadastrados neste rm. 
      Estou com dificuldades para que os dados sejam puxados e exibidos na página. 
       
      Esta é a parte que pede o RM no html
      <h4 class="title">Insira o seu RM: </h4> <input type="text" name="rm" class="form-control" required/>  
      Este é o código php
      <?php $rm = $_POST['rm']; include("conecta.php"); $busca = mysql_query("SELECT * FROM tb_locador WHERE rm='$rm'"); $dado = mysql_fetch_array($busca); $nome = $dado['nome']; $ano = $dado['ano']; $curso = $dado['curso']; $tel = $dado['tel']; echo "RM: " . $rm . "<br>"; echo "Nome do locador: ".$nome. "<br>"; echo "Curso do locador: ".$curso. "<br>"; echo "Ano de início do curso: ".$ano. "<br>"; echo "Telefone do locador: ".$tel. "<br>"; ?> Até então, o único dado exibido é o RM, como faço para exibir o nome, curso, ano e telefone? 
       
    • By guzulino
      Então... eu preciso inserir uma paulada de dados em um banco de dados de vez em quando, eu até consigo importar de um CSV pro banco, mas eu preciso fazer isso através do php e eu não tenho nem ideia de como fazer isso, procurei por aqui e não achei, se alguém tem alguma resposta ou referência, manda o link que eu vou dar uma olhada. Valeu.
    • By Guss
      A programadora Cafiaspirina Cruz deseja que todos os elementos <h2> de sua página ganhassem a classe "titulo", para que depois a fonte dos <h2> pudesse ser modificada por um CSS,  deixando-os com um destaque específico. Escreva abaixo um código em Javascript para que todos os <h2> da página ganhem a classe "titulo" de uma única vez?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.