Ir para conteúdo
Entre para seguir isso  
miqueiasrafael

Insert via POST AJAX

Recommended Posts

Gostaria de uma ajuda dos senhores, pois não estou conseguindo inserir os registros na minha base de dados. Segue abaixo o código!

$(document).ready(function () {
$("#sendnews").click(function (e) {
e.preventDefault();
if ($("#email").val() === '') {
// Se input vazio informa Error
$('#status').show();
$('#status').addClass("alert-danger");
$('#status').text("Encontramos um error!");
return false;
}

$("#email").hide(); //hide input
$("#sendnews").hide(); //hide submit button
$(".panel-body").hide(); //hide panel
$("#LoadingImage").show(); //show loading image

var dataform = 'email=' + $("#email").val();

$.ajax({
type: 'post',
url: "/home/save",
dataType: "text", // Data type, HTML, json etc.
data: dataform,
success: function () {

//se foi inserido com sucesso, Exibe mensagem de sucesso
$("#email").val(''); //empty text field on successful
//$("#status").append(response);
$('#status').show();
$('#status').addClass('alert-success');
$('#status').text("Cadastro realizado com sucesso!");
$("#LoadingImage").hide(); //hide loading image
},
// Se Error
error: function (xhr, ajaxOptions, thrownError) {
$("#status").show(); //show message
$("#LoadingImage").hide(); //hide loading image
alert(thrownError);
$('#status').addClass("alert-danger");
$('#status').text("Encontramos um error!");

}

});
});
});

Compartilhar este post


Link para o post
Compartilhar em outros sites
$(document).ready(function () {
	$("#sendnews").click(function (e) {
	e.preventDefault();
	if ($("#email").val() === '') {
	// Se input vazio informa Error
	$('#status').show();
	$('#status').addClass("alert-danger");
	$('#status').text("Encontramos um error!");
	return false;
	}
	
	$("#email").hide(); //hide input
	$("#sendnews").hide(); //hide submit button
	$(".panel-body").hide(); //hide panel
	$("#LoadingImage").show(); //show loading image
	
		$.ajax({
			type: 'post',
			url: "/home/save",
			data: {email:$("#email").val()},
			dataType: "text", // Data type, HTML, json etc.
			success: function (data) {
                                 console.log(data);	
				//se foi inserido com sucesso, Exibe mensagem de sucesso
				$("#email").val(''); //empty text field on successful
				//$("#status").append(response);
				$('#status').show();
				$('#status').addClass('alert-success');
				$('#status').text("Cadastro realizado com sucesso!");
				$("#LoadingImage").hide(); //hide loading image
			},
			// Se Error
			error: function (xhr, ajaxOptions, thrownError) {
				$("#status").show(); //show message
				$("#LoadingImage").hide(); //hide loading image
				alert(thrownError);
				$('#status').addClass("alert-danger");
				$('#status').text("Encontramos um error!");
			}		
		});
	});
});

Alterei só a forma que você passa o data e acrescentei o argumento em sucess , mais só testando pra saber kkk. Instale o FireBug no seu Navegador e use para ajudar a ver se o erro está ao enviar a solicitação, ou no retorno depois efetuado a requisição!

Compartilhar este post


Link para o post
Compartilhar em outros sites
$(document).ready(function () {
	$("#sendnews").click(function (e) {
	e.preventDefault();
	if ($("#email").val() === '') {
	// Se input vazio informa Error
	$('#status').show();
	$('#status').addClass("alert-danger");
	$('#status').text("Encontramos um error!");
	return false;
	}
	
	$("#email").hide(); //hide input
	$("#sendnews").hide(); //hide submit button
	$(".panel-body").hide(); //hide panel
	$("#LoadingImage").show(); //show loading image
	
		$.ajax({
			type: 'post',
			url: "/home/save",
			data: {email:$("#email").val()},
			dataType: "text", // Data type, HTML, json etc.
			success: function (data) {
                                 console.log(data);	
				//se foi inserido com sucesso, Exibe mensagem de sucesso
				$("#email").val(''); //empty text field on successful
				//$("#status").append(response);
				$('#status').show();
				$('#status').addClass('alert-success');
				$('#status').text("Cadastro realizado com sucesso!");
				$("#LoadingImage").hide(); //hide loading image
			},
			// Se Error
			error: function (xhr, ajaxOptions, thrownError) {
				$("#status").show(); //show message
				$("#LoadingImage").hide(); //hide loading image
				alert(thrownError);
				$('#status').addClass("alert-danger");
				$('#status').text("Encontramos um error!");
			}		
		});
	});
});

Alterei só a forma que você passa o data e acrescentei o argumento em sucess , mais só testando pra saber kkk. Instale o FireBug no seu Navegador e use para ajudar a ver se o erro está ao enviar a solicitação, ou no retorno depois efetuado a requisição!

 

 

 

Retorna o código html

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se a solicitação esta sendo feita corretamente, agora vc tem que verificar o pq não esta salvando depois de feita a requisição e a url que estiver solicitando for a correta, se o javascript esta enviado sem problemas, o problema está ao salvar os dados, apenas verifique se o valor e-mail foi passado corretamente e com o firebug vc vai facilitar para achar o erro de sua aplicação, ai tem a parte do servidor, que vai receber esse valor e salva-lo no Banco de Dados, por isso verifique sempre a requisição e se todos os dados estão sendo passado corretamente,

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se a solicitação esta sendo feita corretamente, agora você tem que verificar o pq não esta salvando depois de feita a requisição e a url que estiver solicitando for a correta, se o javascript esta enviado sem problemas, o problema está ao salvar os dados, apenas verifique se o valor e-mail foi passado corretamente e com o firebug você vai facilitar para achar o erro de sua aplicação, ai tem a parte do servidor, que vai receber esse valor e salva-lo no Banco de Dados, por isso verifique sempre a requisição e se todos os dados estão sendo passado corretamente,

 

Bom está recebendo normalmente o valor da variável que passei, (E-mail) e quanto a URL também, pois testei e enviei um post via form Action e salvou normalmente, porém não quero carregar a página entende?

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Bom está recebendo normalmente o valor da variável que passei, (E-mail) e quanto a URL também, pois testei e enviei um post via form Action e salvou normalmente, porém não quero carregar a página entende?

 

Quando removo o console.log() retorna "Cadastro realizado com sucesso!" porém não insere no banco.

Compartilhar este post


Link para o post
Compartilhar em outros sites

o console.log está retornando oque? No retorno dele deve ter alguma informação útil do problema!

Estou utilizando zend framework 2, não sei se você conhece. Porém está retornando o código do layout da página, e no topo

 

Encontramos um erro!<!DOCTYPE html><html lang="pt-BR">

<head>

<title></title> <meta charset="utf-8">

 

.

.

.

.

 

 

Há tinha esquecido de mencionar que esse erro é no tab resposta do console do firebug

E no tab Postar: o valor preenchido do campo input

 

Estou usando essa versão do Jquery

 

https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

 

 

Há tinha esquecido de mencionar que esse erro é no tab resposta do console do firebug

E no tab Postar: o valor preenchido do campo input

 

Estou usando essa versão do Jquery

 

https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

}?????

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

  • Conteúdo Similar

    • Por violin101
      Caros amigos
       
      Gostaria de tirar uma dúvida com os amigos.
       
      No Codeiginter tem como visualizar um arquivo .PDF dentro do sistema ?
       
      Por exemplo:
             o usuário realizou um download do arquivo --> DadosEmpresa.pdf
       
      Quando clicar em cima do arquivo, tem como visualizar em uma página o arquivo ?   E como faria ?
       
      Grato,
       
      Cesar
    • Por Kelven
      Olá pessoal tudo bem?
       
      Então eu quero colocar um formulário de newsletter em um servidor q não tem suporte para php, o negócio é q depois que a pessoa clica em se cadastrar eu quero que ela seja redirecionada para outro site, então gostaria de saber como posso estar fazendo isso usando apenas javascript, jquery ou ajax com o API do Mailchimp? Porque já procurei muito e não achei, só achei em php.
    • Por Ivana_Silva
      Olá a todos que estão lendo!
       
      Preciso de uma função PHP que filtre 2 padrões de campos a partir do caractere barra(|), preservando a linha.
       
      Em uma caixa de texto vou colar valores assim:
      0001|qwerty
      0002|091234
      0003|09164867
      0004|ab12312
      ...
      A caixa de texto:
      <form id="form" name="form" method="post" action=""> <textarea name="lista" type="text" id="lista" cols="48" rows="5" size="600" /></textarea> <br /> <br /> <button type="submit">Separar</button> </form> <?php ?> Quando eu clicar no botão Separar, preciso que o código filtre e mostre apenas as linhas que, após barra " | " possuam números inteiros de 6 e 8 dígitos(sem letras, símbolos ou pontos).
       
      Exemplo:
      Dados colados na caixa de texto:
      0001|qwerty
      0002|091234
      0003|09164867
      0004|ab12312
       
      Dados filtrados após clicar no botão Separar:
      0002|091234
      0003|09164867
       
      Filtrou apenas os campos que após a barra "|" possuem 6 e 8 dígitos(Nem mais nem menos), não é pra filtrar campos com letras ou números e letras, se tiver letra após a barra já descarta... É pra Filtrar e mostrar apenas as linhas que possuem 6 e 8 dígitos após a barra.
      Agradecida se alguém puder ajudar!
       
    • Por RSN
      Boa Noite, 
      Gostaria de saber se existe a possibilidade de gravar além do id do option value outra variavel, para enviar via post.
      <div class="form-group"> <label class="col-md-4 control-label" for="txtgrupo">Tipo de Pagamento : </label> <div class="col-md-4"> <select id="" class="selectpicker" data-live-search="true" name="tipo_pagamento" > <?php $query = mysql_query("SELECT * FROM tipo_pagamento ORDER BY id ASC"); while($result = mysql_fetch_array($query)) { echo '<option value="'.$result["id"].'">'.$result["nome_tipo"].'</option>'; } ?> </select> </div> </div>  
×

Informação importante

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