Success não funciona!

[Chrys]

Boa tarde galera! Meu problema é o seguinte , este códio a baixo não retorna o alert! Aguém vê algum erro que não estou vendo ai?

<script>

function gravar(){

var formula = $('#login').serialize();

$.ajax({

type: 'POST',

data: formula,

url:'logar.php',

success:function (data){

if(data ==1){

alert("Email Cadastrado!");

}else

{

alert("Erro");

}

}

});

}

</script>

MEU FORM ESTA ASSIM:

<form id="login" autocomplete="off">

<div id="control">

<div align="center" id="logo"><a href="link.html"><img src="img/logo.png" width="169" height="98" border="0"></a></div>

<div class="control-group">

<div class="controls" align="center">

<input type="text" autofucus name="email" id="nome" class="campos" placeholder="Login" required value="">

</div>

</div>

<div class="control-group">

<div class="controls" align="center">

<input type="password" name="senha" id="nome" class="campos" placeholder="Senha" required value="">

</div>

</div>

<div class="control-group" align="center">

<button type="submit" onClick="gravar()" class="btn btn-sucess">GO!</button>

</div>

</div>

</form>

Editado Fevereiro 9, 2015 por Chrys

[wootzor]

Primeiro confima que estás a incluir o jQuery (algo que não é visível no excerto de código que colocaste).

Segundo, falta a instrução inicial do jQuery (on DOM ready):

$(document).ready(function() { 
 //o pedido AJAX e tudo o resto que utilize a sintaxe do jQuery deve ser feito aqui dentro
});

Por fim, tenta colocar também o callback em caso de erro:

(...)
success: function() {},
error: function() { alert('Ocorreu um erro ao logar'); }

[Chrys]

Obrigado.. Vou tentar fazer isto agora! sou novo neste assunto! .. jaja posto o Resultado aqui amigo

[Chrys]

Não saco muito de javascript ajax tirei minhas conclusões e fiz assim:

<script>

function salvar(){

var formula = $('#login').serialize();

$(document).ready(function() {

$.ajax({

type:'POST',

data: formula,

url:'http://...logar.php'

success:function(data){

if(data =='' || data = 0){

alert('Erro');

window.location="";

}

if(data == 1){

alert('Logado');

window.location="";

}

}

error: function() { alert('Ocorreu um erro ao logar'); }

});

}

});

</script>

Mais não funcionou...

O que esta acontecendo na verdade , esta página não esta enviando os parâmetros para a pagina mencionada : http://....logar.php

porque eu coloco os parametros na url para testar o php e esta tudo certo com ele... mais ele não esta recebendo os posts da página que contem este código!

to desde 12:00 na frente do pc tentando resolver rsrsrs

Editado Fevereiro 9, 2015 por Chrys

[wootzor]

Coloca a declaração da variável formula dentro do evento document ready. A razão pela qual não está a passar os valores é, provavelmente, porque estás a utilizar um selector jQuery fora do âmbito.

Mais uma vez, todas as manipulações e/ou declarações que acedam a elementos através de selectores jQuery têm de estar dentro daquela função para serem reconhecidos e utilizados.

[Chrys]

tem um exemplo de como fazer isso? to totalmente perdido...

[wootzor]

Aqui vai um exemplo

Editado Fevereiro 10, 2015 por wootzor

[Chrys]

<form id="login">

<div id="control">

<div align="center" id="logo"><a href="link.html"><img src="img/logo.png" width="169" height="98" border="0"></a></div>

<div class="control-group">

<div class="controls" align="center">

<input type="text" autofucus name="email" id="email" class="campos" placeholder="Login" required value="">

</div>

</div>

<div class="control-group">

<div class="controls" align="center">

<input type="password" name="senha" id="senha" class="campos" placeholder="Senha" required value="">

</div>

</div>

<div class="control-group" align="center">

<button type="submit" onClick="gravar()" class="btn btn-sucess">GO!</button>

</div>

</div>

</form>

</body>

</html>

<script>

function gravar(){

var formula = $("#login").serialize();

$(document).ready(function () {

$.ajax({

type: "POST",

data: formula,

url:'logar.php',

success:function (data){

if(data == '' || data == 0){

alert("Email Cadastrado!");

}else

{

alert("Erro");

}

}

});

});

</script>

ACHO QUE SERIA ISSO NÉ?

MAIS INFELIZMENTE NÃO ENVIOU OS DADOS DOS CAMPOS PARA A PÁGINA LOGAR!

SOCORRO RSRS

[Chrys]

<form id="login">

	<div id="control">
    
    <div align="center" id="logo"><a href="link.html"><img src="img/logo.png" width="169" height="98" border="0"></a></div>
    
    
	  <div class="control-group">
            	
<div class="controls" align="center">
                <input type="text" autofucus name="email" id="email" class="campos" placeholder="Login" required value="">
                </div>
            </div>
            
            <div class="control-group">            	
              <div  class="controls" align="center">
                <input type="password" name="senha" id="senha" class="campos" placeholder="Senha" required value="">
              </div>
      </div>
            
            <div class="control-group" align="center">
           	  <button type="submit" onClick="gravar()" class="btn btn-sucess">GO!</button>
            </div>
    </div>

</form>



    </body>
</html>

<script>
	
	
	
	function gravar(){

	var formula = $("#login").serialize();
	
	$(document).ready(function () {
	
	$.ajax({
	
		type: "POST",
		data: formula,
		url:'logar.php',
		success:function (data){
			
			if(data == '' || data == 0){
			
			alert("Email Cadastrado!");
			
			}else
			{
				alert("Erro");
				
				}
		}
		
		
		});

});
	
</script>

AGORA DA PRA VISUALIZAR MELHOR

[Chrys]

OBRIGADO GENDER!

CONSEGUI RESOLVER AQUI COM ESTE TUTORIAL QUE ENCONTREI... ESPERO QUE POSSA AJUDAR OS QUE ESTÃO COM
O MESMO PROBLEMA QUE EU...

SEGUE O EXEMPLO:

<html>
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery('#ajax_form').submit(function(){
			var dados = jQuery( this ).serialize();
 
			jQuery.ajax({
				type: "POST",
				url: "processa.php",
				data: dados,
				success: function( data )
				{
					alert( data );
				}
			});
			
			return false;
		});
	});
	</script>
</head>
<body>
	<form method="post" action="" id="ajax_form">
		<label><input type="hidden" name="id" value="" /></label>
		<label>Nome: <input type="text" name="nome" value="" /></label>
		<label>Email: <input type="text" name="email" value="" /></label>
		<label>Telefone: <input type="text" name="telefone" value="" /></label>
 
		<label><input type="submit" name="enviar" value="Enviar" /></label>
	</form>
</body>
</html>

GRATO PELA ATENÇÃO!