Exibir dados apos o Submit com Jquery

Gilberto Jr · Abril 28, 2017

Boa tarde;

Eu usando o submit do jquery, tenho esse código abaixo. Esse código salva e mostra as informações na tela em seguida apos salvar.

mas eu to com um problema, o meu form é com dois select. E quando eu salvo, ele salva e mostra a informação na tela e traz o dados que esta dentro do VALUE do <option>. E os dados que esta lá é o CÓDIGO. E eu queria que ele mostrasse o nome ao invés do código.

Poderia me ajudar nessa situação?

<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"></script>

<script type="text/javascript" language="javascript">
$(function($) {
	// Quando o formulário for enviado, essa função é chamada
	$("#formulario").submit(function() {
		// Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação
		var rota = $("#rota").val();
		var entr = $("#entregador").val();
		//var mensagem = $("#mensagem").val();
		// Exibe mensagem de carregamento
		$("#status").html("<img src='img/loader.gif' alt='Enviando' />");
		// Fazemos a requisão ajax com o arquivo envia.php e enviamos os valores de cada campo através do método POST
		$.post('salvarcabecalhoatribuicao.asp', {rota: rota, entr: entr }, function(resposta) {
				// Quando terminada a requisição
				// Exibe a div status
				$("#status").slideDown();
				// Se a resposta é um erro
				if (resposta != false) {
					// Exibe o erro na div
					$("#status").html(resposta);
				} 
				// Se resposta for false, ou seja, não ocorreu nenhum erro
				else {
					// Exibe mensagem de sucesso
					$("#status").html("Mensagem enviada com sucesso!");
					// Coloca a mensagem no div de mensagens
					$("#mensagens").prepend("<strong>Entregador: "+ entr +"</strong> Rota: <em>" + rota + "</em><br />");
					// Limpando todos os campos
					$("#rota").val("");
					$("#entregador").val("");
					//$("#mensagem").val("");
				}
		});
	});
});
</script>

Alguém poderia me ajudar nessa situação?

Att;

Gilbrerto Jr

Gilberto Jr · Maio 3, 2017

Alguma ajuda?

Att;

Gilberto Jr

marsolim · Maio 3, 2017

o que botou em salvarcabecalhoatribuicao.asp? o jQuery exibe o que for printado na página asp ou php que recebe os dados

Gilberto Jr · Maio 3, 2017

Obrigado pelo retorno @marsolim,

coloquei o insert dos dados que vem do formulario

rota = request.Form("rota")
entr = request.Form("entr")
data = mask_data(Date)


set rs = conn.execute("insert into c_atribuicao (rota,entregador,data_registro) values ('"&rota&"','"&entr&"','"&data&"')")
'response.Redirect("prcontas.asp?id="&request.Form("identrega")&"&cadastrado=ok")


set rs3 = conn.execute("select * from c_atribuicao where rota='"&rota&"' and entregador='"&entr&"' and data_registro='"&data&"'")


response.Redirect("cad_rastreio_atribuicao.asp?id="&rs3("id")&"")

Att;

Vitor Mendes · Maio 3, 2017

Olá gilberto! tudo bem ?

Ficou um pouco confuso o código..

Nesse teu caso porque estas a usar o .prepend #mensagem é uma div ??

Quando dizes que mostra o código mostra que código ?

Eu postei à tempos um bom exemplo fazendo um request em jquery segue abaixo o link para veres!

Gilberto Jr · Maio 5, 2017

Em 03/05/2017 at 08:52, Vitor Mendes disse:

Olá gilberto! tudo bem ?

Ficou um pouco confuso o código..

EM PRIMEIRO em vez de ".prepend" ja tentaste usar "innerHTML" são muito semelhantes mas não são iguais porem tudo depende # mensagem é o que uma div uma caixa de texto ? falta informação ...

Eu postei à tempos um bom exemplo fazendo um request em jquery segue abaixo o link para veres!

Eu vou postar o meu código aqui, dai eu acho que vai ser mais fácil analisar.

a pagina do formulario. FORM.ASP

<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"></script>

<script type="text/javascript" language="javascript">
$(function($) {
	// Quando o formulário for enviado, essa função é chamada
	$("#formulario").submit(function() {
		// Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação
		var rota = $("#rota").val();
		var entr = $("#entregador").val();
		//var mensagem = $("#mensagem").val();
		// Exibe mensagem de carregamento
		$("#status").html("<img src='img/loader.gif' alt='Enviando' />");
		// Fazemos a requisão ajax com o arquivo envia.php e enviamos os valores de cada campo através do método POST
		$.post('salvarcabecalhoatribuicao.asp', {rota: rota, entr: entr }, function(resposta) {
				// Quando terminada a requisição
				// Exibe a div status
				$("#status").slideDown();
				// Se a resposta é um erro
				if (resposta != false) {
					// Exibe o erro na div
					$("#status").html(resposta);
				} 
				// Se resposta for false, ou seja, não ocorreu nenhum erro
				else {
					// Exibe mensagem de sucesso
					$("#status").html("Mensagem enviada com sucesso!");
					// Coloca a mensagem no div de mensagens
					$("#mensagens").prepend("<strong>Entregador: "+ entr +"</strong> Rota: <em>" + rota + "</em><br />");
					// Limpando todos os campos
					$("#rota").val("");
					$("#entregador").val("");
					//$("#mensagem").val("");
				}
		});
	});
});
</script>


<fieldset>
<div id="status"></div>
<form method="post" action="javascript:func()" id="formulario">

	<label>
    	<span>Rota:</span>
    	<select name="rota" id="rota" class="rota">
        <%
			while brota.eof = false
		%>
        	<option value="<%=brota("descricao")%>"><%=brota("descricao")%></option>
        <%
			brota.movenext
			wend
		%>
        </select>
    </label>
    
	<label>
    	<span>Entregador:</span>
    	<select name="entr" id="entregador" class="entregador">
          <option value="1">Entregador 1</option>
          <option value="2">Entregador 2</option>
          <option value="3">Entregador 3</option>
          <option value="4">Entregador 4</option>
        </select>
    </label>
    
    
    <input type="submit" name="enviar" value="SALVAR ATRIBUIÇÃO" />    
	
</form>

</fieldset>
  
  
<h1>Atribuição</h1>

<div id="mensagens">


</div>

a pagina que faz o insert salvarcabecalhoatribuicao.asp

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="conexao.asp"-->
<!--#include file="utilitarios/configGlobais.asp" -->
<!--#include file="utilitarios/fGenericas.asp" -->
<%

call connect

Response.AddHeader "Content-Type", "text/html; charset=utf-8"
Response.AddHeader "Pragma", "no-cache"
response.Charset="utf-8"
%>
<%
function mask_data( obj )
		obj = CDAte( obj )
		dia = Day( obj  )
		mes = Month( obj )
		ano = Year( obj )
	
			if dia < 10 then
				dia = "0" & dia
			end if

			if mes < 10 then
				mes = "0" & mes
			end if
					
		 mask_data = ano &"-"& mes &"-"& dia
end function

rota = request.Form("rota")
entr = request.Form("entr")
data = mask_data(Date)


set rs = conn.execute("insert into c_atribuicao (rota,entregador,data_registro) values ('"&rota&"','"&entr&"','"&data&"')")
'response.Redirect("prcontas.asp?id="&request.Form("identrega")&"&cadastrado=ok")


set rs3 = conn.execute("select * from c_atribuicao where rota='"&rota&"' and entregador='"&entr&"' and data_registro='"&data&"'")


response.Redirect("cad_rastreio_atribuicao.asp?id="&rs3("id")&"")


call disconnect
%>

Att;

Gilberto Jr

Douglas Julião · Maio 5, 2017

Pegar o valor e o texto do select:

$('#entregador').on('change',function(){
    console.log($(this).val());
    console.dir($(this).find(":selected").text());
});

Gilberto Jr · Maio 5, 2017

Boa tarde;

eu resolvi da seguinte forma. Usei o jquery form para fazer a inserção no banco de dados e recupero o valor através de um response.write.

Veja como ficou o codigo.

<script type="text/javascript" language="javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.form.js"></script>
<script>
$a = jQuery.noConflict();
$a(document).ready(function() {
	$a(".resultado").hide();
	$a("#formulario").ajaxForm({
				
		target: ".resultado",
           beforeSend: function () {
		    $a(".enviar").css("background-image", "url(img/loader.gif)");
		    $a(".enviar").css("background-repeat", "no-repeat");
		    $a(".enviar").css("background-position", "left");
		    $a(".enviar").css("background-position", "5px 6px");
		    //$a(".enviar").css("padding-left", "35px");
		    $a(".enviar").css("color", "#000");
		   $a(".enviar").val("Salvar Atribuição!");
		   //$a("#progressbar1").show();
        },
		success: function(retorno){
			$a(".resultado").html(retorno);
			$a(".resultado").show();
			$a("#formulario").resetForm();			
			$a(".enviar").css("background-image", "none");
			$a(".enviar").css("color", "#000");
			$a(".enviar").css("padding-left", "0px");
		    $a(".enviar").css("background-position", "none");
 		    $a(".enviar").css("background-position", "none");
			$a(".enviar").val("Atribuição Salva!");
			setTimeout(function(){
				$a(".resultado").hide()},9999999); //TEMPO INDEFINIDO				
		},
		
		});
		
		//return false
});
</script>

agora a pagina que salva as informação no banco de dados e mostra

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="conexao.asp"-->
<!--#include file="utilitarios/configGlobais.asp" -->
<!--#include file="utilitarios/fGenericas.asp" -->
<%

call connect

Response.AddHeader "Content-Type", "text/html; charset=utf-8"
Response.AddHeader "Pragma", "no-cache"
response.Charset="utf-8"
%>
<%
function mask_data( obj )
		obj = CDAte( obj )
		dia = Day( obj  )
		mes = Month( obj )
		ano = Year( obj )
	
			if dia < 10 then
				dia = "0" & dia
			end if

			if mes < 10 then
				mes = "0" & mes
			end if
					
		 mask_data = ano &"-"& mes &"-"& dia
end function

rota = request.Form("rota")
entr = request.Form("entr")
data = mask_data(Date)


set rs = conn.execute("insert into c_atribuicao (rota,entregador,data_registro) values ('"&rota&"','"&entr&"','"&data&"')")
'response.Redirect("prcontas.asp?id="&request.Form("identrega")&"&cadastrado=ok")


set rs3 = conn.execute("select a.rota as rota, b.nome as nome, a.id as id from c_atribuicao as a inner join entregador as b on b.id=a.entregador where a.rota='"&rota&"'")


	' &nbsp; = espaço na mensagem
	m1 = "<table>"
	m1 = m1+ "<tr>"
	while rs3.eof = false
	m1 = m1+ "<td>"
	m1 = m1+ ""&rs3("rota")&""
	m1 = m1+ "</td>"
	m1 = m1+ "<td>"
	m1 = m1+ ""&rs3("nome")&""
	m1 = m1+ "</td>"
	m1 = m1+ "<td>"
	m1 = m1+ "<a href='cad_rastreio_atribuicao.asp?id="&rs3("id")&"'>"&rs3("id")&"<a/>"
	m1 = m1+ "</td>"
	m1 = m1+ "</tr>"
	rs3.movenext
	wend
	m1 = m1+ "</table>"

response.Write(m1)

'response.Redirect("cad_rastreio_atribuicao.asp?id="&rs3("id")&"")


call disconnect
%>

Att;

Gilberto Jr

Arquivado

Exibir dados apos o Submit com Jquery

Recommended Posts

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

marsolim 110

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

Vitor Mendes 27

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Julião 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilberto Jr 26

Compartilhar este post

Link para o post

Compartilhar em outros sites

Consulta SQL dentro de outra consulta

problema em usar json para realizar engenharia de dados

Soma dos dias utilizados

Conteúdo Similar

Fóruns

Tempo Real

Informação importante